2017-01-25 38 views
0

如何在此代碼中用javascript清除輸入標記? 我測試了很多方法,但不能。用javascript清除輸入文本

<div id="center"> 
    <p id="alert">FILL FIELDS</p> 
    <input id="name"/> 
    <input id="family"/><br /> 
    <button onclick="SaveData()" type="submit">INSERT</button> 
</div> 

<script> 
    function SaveData() { 
     var name = $('#name').val(); 
     var family = $('#family').val(); 
     $.ajax({ 
      type: "POST", 
      url: "server.php?p=add", 
      data: "fn="+name+"&ln="+family, 
      success: function(msg){ 
       document.getElementById('alert').innerHTML = "SUCCESS SAVE"; 

      } 
     }); 
    } 
</script> 
+0

清除其輸入元件?名字,家庭還是兩者?你嘗試過什麼方法? –

回答

1

是的,做在你的成功的功能:

success: function(msg){ 
    document.getElementById('alert').innerHTML = "SUCCESS SAVE"; 
    $('#name').val(''); // set the value to blank with empty quotes 
    $('#family').val(''); 
} 
2

要清除name輸入,你可以使用jQuery .val()功能重置爲空字符串:

$('#name').val('');