javascript - 提交时清除输入字段

Question

您能否仔细查看此来源，因为提交后我没有得到任何结果。谢谢你。

<script type="text/JavaScript">
    function reset() {
        document.city.citysearch.value = "";
        return true; 
    }
</script>


<form name='city' action='airport.php' method='post' 
    target='result' onsubmit='return reset()'
>

    <input name="citysearch" type="text" 
        placeholder="Name of the city" size="18">
    <input type="hidden" name="submit" value="search">

Answer 1

拥有一个名为“提交”的隐藏字段似乎是非常糟糕的做法。如果您要重置表单字段，请尝试重置按钮（http://www.w3schools.com/tags/att_button_type.asp），无需 JS：

<form name='city' action='airport.php' method='post' target='result' onsubmit='return reset()'>

  <input name="citysearch" type="text" placeholder="Name of the city" size="18">
  <input type="hidden" name="search" value="search">
  <button type="reset">Reset</button>
  <button type="submit">Submit</button>
</form>

更新：听起来你想在提交后重置你的字段。在服务器端执行此操作。尝试使用属性 value="" 返回需要重置的字段。

Answer 2

您的问题措辞不佳，但根据标题，我认为您在清除 Javascript 中的 citysearch 输入时遇到问题？如果是这种情况，请在 JS 中尝试类似于：

var x = document.getElementsByName("citysearch")
x[0].value = ''

Answer 3

而是这样做：

  var button = document.getElementById('clear');
  button.addEventListener('click', empty);
  function empty(){
  var input = document.getElementById('text');
  input.value='';
  }