如何使用查询清除下拉列表和输入字段

时间:2013-04-30 16:42:21

标签: javascript jquery twitter-bootstrap

我有一个使用twitter bootstrap设置的表单,它正在使用标签。

http://jsfiddle.net/mwoods98/DJeqm/4/

如果你能从我们的例子中看到:

编辑现有作业并创建新作业。

如果您在编辑现有作业的选项卡上看到,则会显示下拉列表。当用户从下拉列表中选择一个选项时,我会提交一个ajax请求,该请求会根据用户选择的下拉列表获取一些信息:

function loadQuery() {
var assign = $("#existingAssignment").val(); // Get the value of the select box so we         can build the next page
$.get('Pagetoload.cfm?tour_id=' + assign ,{},function(data){
$("#centercontent").html(data)
 })
 return false
}
$(document).ready(function() {
$("#NewAssignment").attr('val', '');
$("#NewPosTitle").attr('val', '');
$("#NewgetPosOff").attr('val', '');
$("#loadLink").click(loadQuery)
});

重新加载新页面的jQuery工作正常,它将信息发送到该选项卡的中心div。它有效地用返回的信息替换div。因此,现在编辑现有作业现在已填写新值。

在另一个标签“创建新作业”上有一个表格应该将其所有值设置为空白。

我正在尝试在调用loadQuery函数之前重置这些值,但是当我返回页面时,值仍然存在。

我是否应该调用另一个函数或执行不同的操作以将这些值设置为“”?

TIA

3 个答案:

答案 0 :(得分:2)

使用jQuery内置的val()方法!

$("#NewAssignment").val('');

答案 1 :(得分:0)

试试这个 -

$("#NewAssignment").val('');
$("#NewPosTitle").val('');
$("#NewgetPosOff").val('');

http://api.jquery.com/val/

答案 2 :(得分:0)

您可以使用JQuery的.val().text()。您可能需要在此处参考有关JQuery函数http://api.jquery.com/

的更多信息