Question

我有以下代码：

<form method='POST' onsubmit='javascript:searchAndUpdateGrid(GET_THE_VALUE_OF_INPUT);return false;'
<input type="text" id="inputField" class="form-control" placeholder="Type something...">
</form>

我想使用输入字段中用户输入的值启动函数searchAndUpdateGrid。我怎样才能做到这一点？（我想避免从Javascript获取它）

谢谢！

Answer 1

$("#inputField").val()会给你输入的值（在jQuery的帮助下）。你正在使用javascript并寻找一个javascript函数 - 所以没有办法不从javascript获取它。或者您可以使用PHP并从获取表单的文件（在＆＃39; action＆＃39;属性中指定的文件）中获取值$_POST['inputName']

Answer 2

放轻松。您必须为 onkeyup事件编写一些javascript代码才能执行此操作。

$(document).on('keyup','#inputField',function(){
   searchAndUpdateGrid();
});

function searchAndUpdateGrid(){
   var inputtxt = $('#inputField').val();
   $.post('file.php',{text:inputtxt},function(data){
      //type statement for after success the server request.
      //Example you must put the result of destination file in to the 
     //HTML div that we assume it's id 'preview' then
     //you should be type that code
     $('#preview').append(data);
   });
}

它会正常工作..... 这是Jquery AJAX的post方法。但是你可以使用GET方法。如果您使用get方法，则应将 $。发布更改为 $。获取。另一个问题是大括号内的内容？这是您希望将文本框值发送到目标php或asp文件的参数。它可能会将您的文本框值发送为 text 参数。

Html：如何从表单中获取输入值？

2 个答案: