我想用ajax jquery的JS做搜索,对于I have taken this piece of code from here: -Jquery的基于Ajax的搜索
现在我有一些问题,我有这样的Javascript代码: -
<script language="JavaScript" type="text/javascript">
<!--
function searchuser(cv) {
$("#SearchResult").html('<img src="loader.gif"/>').show();
var url = "elements/search-user.php";
$.post(url, {contentVar: cv} ,function(data) {
$("#SearchResult").html(data).show();
});
}
//-->
</script>
我的表格: -
<label>
<input onClick="generatenew();" type="radio" name="search_option" value="code" id="search_option_0">
Customer Code</label></td>
<td><label>
<input onClick="generatenew();" type="radio" name="search_option" value="company" id="search_option_1">
Customer Company</label></td>
<td><label>
<input onClick="generatenew();" type="radio" name="search_option" value="name" id="search_option_2">
Customer Name</label></td>
<td><label>
<input onClick="generatenew();" type="radio" name="search_option" value="email" id="search_option_3">
Customer Email</label>
这是我的搜索文本框
<input type="text" name="searchuser_text" id="newInput" size="25" maxlength="25" class="inputbox MarginTop10">
这是我的搜索按钮
<input onclick="javascript:searchuser('con1');" class="Button" name="search_user_submit" type="button" value="Search">
这是我的显示面积: -
<div id="SearchResult">My default content for this page element when the page initially loads</div>
现在我想知道按钮点击我发送一个数据,即con1
。我想向searchuser function
发送两个数据,一个是选定的选项按钮值,另一个是textbox
中的文本。在将这两个数据发送给函数之后,我将如何获取函数中的数据?我是否需要将function searchuser(cv)
更改为function searchuser(cv, cvtwo)
。
此外,虽然$.post(url, {contentVar: cv} ,function(data)
只发送一个数据到php文件,我怎么能发送这两个数据,即cv
和cvtwo
到php文件?
如何使用提交按钮传递值? – 2012-03-31 17:41:45
var cv = $('#newInput')。val(); //来自搜索文本字段的值 类似地,您可以从单选按钮获取值并将它们作为参数发送 – Dhiraj 2012-03-31 17:43:50
您可以在http://www.jsfiddle.net上为我写这篇文章,这将非常有帮助。 – 2012-03-31 17:46:20