Question

我在模式中使用表单，我在选择框中添加了新字段，并希望刷新选择框，以便将新选项添加到其中。这没有重新加载整个页面。有人可以告诉我这是否可行，如果是我如何去做。

Answer 1

检查一下，

＆＃13;

$(document).ready(function(){
        	$("#test").append($('<option>', {value: 2,text: 'Two'}));
        });

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="test">
          <option value="1">One</option>
 </select>

＆＃13;

试一试，它应该有用。

Answer 2

有多种方法可以做到这一点：

首先如果您使用的是 jQuery ，这很简单：

$("#dropdownlist").empty();

另一种方式可以是：

for(i = dropdownlist.options.length - 1 ; i >= 0 ; i--)
{
   dropdownlist.remove(i);
}

另一种最简单的方法可以是：

document.getElementById("dropdownlist").innerHTML = "";

现在，如果你想重新填充它。您可以使用jQuery附加选项。如果您有单一价值，您可以实现它：

$('#dropdownlist').append($('<option>', {
    value: 1,
    text: 'New option'
}));

如果它是一个集合。你需要像下面的代码片段一样遍历它：

 $.each(newOptions, function (i, val) {
        $('#dropdownlist').append($('<option>', { 
            value: val.value,
            text : val.text 
        }));
    });

如何刷新选择框而不重新加载js中的整个表单？

2 个答案: