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

Question

我有一个使用 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

Answer 1

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

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