Javascript 将“选择”选项设置回“默认选定”

每次添加新行后，我都会尝试将select选项设置回选项。我在这里怎么做？请帮忙。顺便说一句，添加新行效果很好。以下是我到目前为止得到的信息：

$(document).ready(function() {
   $('#Add-btn').live('click',function() {
      $("#tabName tr:last").before("<tr><td class='greyed'><input type='hidden' name='allele' value='" + a + "'>" + a + "</td><td><input type='button' class='delete' value='Remove'></td></tr>");
   });
});

HTML:

---

您可以使用设置值将其设置回原位，如下所示：

$("#a").val('None');

$(document).ready(function() {
  $('#Add-btn').live('click',function() {
    $("#tabName tr:last").before("<tr><td class='greyed'><input type='hidden' name='allele' value='" + a + "'>" + a + "</td><td><input type='button' class='delete' value='Remove'></td></tr>");
    $("#a").val('None');
  });
});

总的来说，它将如下所示：

$("#a").val('None');

$(document).ready(function() {
  $('#Add-btn').live('click',function() {
    $("#tabName tr:last").before("<tr><td class='greyed'><input type='hidden' name='allele' value='" + a + "'>" + a + "</td><td><input type='button' class='delete' value='Remove'></td></tr>");
    $("#a").val('None');
  });
});

---

以下是一种通用方法，允许您重置多个值：

jQuery

您可以将setDefaultValues代码放在click函数中，但我将它和getDefaultValues代码放在函数中以使其更加明显

HTML示例

---

这一点。

我知道这一点已经得到了回答，但我只想为类似的用例做出贡献，比如我想在用户按下esc键时将默认值放回选择框中。这还可以防止为select元素触发.change事件

因此，根据这里提出的想法，这是另一个很好的答案：

var KEYCODE_ESC = 27;
// when esc is pressed while scrolling through the options
// reset value of select to default (first) value
$('select').keyup(function(e) {
    if (e.keyCode == KEYCODE_ESC) {
        console.log('esc key pressed on select element'); 
        $(this).val($(this).children('option:first-child').text());
    } 
});

var KEYCODE_ESC = 27;
// when esc is pressed while scrolling through the options
// reset value of select to default (first) value
$('select').keyup(function(e) {
    if (e.keyCode == KEYCODE_ESC) {
        console.log('esc key pressed on select element'); 
        $(this).val($(this).children('option:first-child').text());
    } 
});