我完成了搜索页面,用户在其中输入信息并从下拉列表中进行选择。我还添加了AddList按钮,您可以在其中更改多个标签名称的搜索表单。所有的搜索最终将在一个Submit按钮中执行,每个搜索将在一个查询中执行。我的表包含所有信息,元组只包含数字。
UPDATED:我尝试改变输入标签的输入类型,但启用和禁用功能似乎不能在整数上工作,只能在文本字段上。我怎样才能解决这个问题呢?
我的提交是明天,这是我的搜索代码:
<script type="text/javascript">
$('#exactButton').live('click', function(){
$(this).prev().prev().prev().prev().prev().removeAttr('disabled');
$(this).prev().prev().prev().attr('disabled',true);
$(this).prev().prev().prev().prev().attr('disabled',true);
});
$('#rangeButton').live('click',function(){
$(this).prev().prev().removeAttr('disabled');
$(this).prev().prev().prev().removeAttr('disabled');
$(this).prev().prev().prev().prev().attr('disabled',true);
});
})
</script>
这是我的HTML代码:
<button id="button">Add List</button><br><br>
<form id ="form" name="search" method="get" action="test.php">
<div id="div">
<select name ="select" >
...options...
</select>
Value:<input type="text" name="exact" id="exactField" />
From: <input type="text" name="from" id="fromField" />
To: <input type="text" name="to" id="toField" />
<br>
<input type="button" name="answer" value="Range" id="rangeButton" />
<input type="button" name="answer" value="Exact" id="exactButton" />
</div>
<br>
<input type="submit"name="search" value="Submit">
</form>
正如Dagon所说,您将在URL中看到所有提交的参数,因为您正在使用方法GET
提交表单。这里有一个很好的解释:http://www.w3schools.com/php/php_get.asp
一个想法:为元素添加一些自定义属性(也为克隆添加)。
this.attr("mycustomattribute","somevalue");
在之后,您可以使用您的自定义属性和值获得页面上的所有元素。
divs = $('div[mycustomattribute="somevalue"]'); //should give all div container with attribute "mycustomattribute" with value "somevalue"
divs.each(function(){
console.log(this,$(this).attr('name'));//show expression (for debug)
});
,然后你可以收集这些元素,序列化它,并将其添加到你的帖子没有测试,但一个想法。
亲切问候
在PHP中,它已经存在了。
print_r($_GET);
将列出GET方法发送的所有参数
print_r($_POST);
将列出POST方式发送的所有参数。
然后,当然,您需要在数组中迭代以包含查询语句中的每个值。
您可以使用与用户单击添加列表的顺序对应的前缀或后缀命名输入,并将这些输入集添加到仅表单。
<form id ="form" name="search" method="get" action="test.php">
<div>
<select name ="select[1]" >
...options...
</select>
Value:<input type="text" name="exact[1]" class="exactField" />
From: <input type="text" name="from[1]" class="fromField" />
To: <input type="text" name="to[1]" class="toField" />
<br>
<input type="button" name="answer[1]" value="Range" class="rangeButton" />
<input type="button" name="answer[1]" value="Exact" class="exactButton" />
</div>
<div>
<select name ="select[2]" >
...options...
</select>
Value:<input type="text" name="exact[2]" class="exactField" />
From: <input type="text" name="from[2]" class="fromField" />
To: <input type="text" name="to[2]" class="toField" />
<br>
<input type="button" name="answer[2]" value="Range" class="rangeButton" />
<input type="button" name="answer[2]" value="Exact" class="exactButton" />
</div>
.
.
.
<br>
<input type="submit"name="search" value="Submit">
</form>