按Enter键时输入文本不保存值

时间:2014-02-06 22:10:56

标签: javascript html textfield

我有一个文本字段,用户应该输入一个地址。单击搜索按钮时,将执行一个函数,该函数使用该地址查找附近的POI。这很好用。但是,当用户点击返回键时,文本字段的值不会保存在变量中。这导致搜索被地址变量的旧值所取代。

我甚至不明白为什么它会让它与众不同,说实话。

HTML

<form action="" method="post">
<input type="text" class="innenfeld" id="addressInput" name="addressInput">
<input type="button" class="send" onclick="newsearch()"/>
</form>

的JavaScript

   function newsearch() {
     var address = document.getElementById("addressInput").value;
     var geocoder = new google.maps.Geocoder();
     geocoder.geocode({address: address}, function(results, status) {
       if (status == google.maps.GeocoderStatus.OK) {
        searchLocationsNear(results[0].geometry.location);
       } else {
         alert(address + ' not found');
       }
     });
   }

1 个答案:

答案 0 :(得分:1)

点击 Enter 即可提交表格。你需要添加一个调用你的函数的onsubmit事件(返回false会阻止它实际离开页面)

<form action="" method="post" onsubmit="newsearch(); return false">