我可以重置已使用 Javascript/jQuery 删除选项的选择框吗？

发布于 2024-10-13 19:29:58 字数 162 浏览 4 评论 0原文

我在循环中使用以下命令

$("#day option:last").remove();

，如果该命令执行 2 或 3 次，我的选择框将没有某些选项。

所以，我需要重置选择框，因为它在函数的开头。

有什么帮助吗？

原文

i am using the following command in a loop

$("#day option:last").remove();

and if the command is executed 2 or 3 times, my selectbox is without some of the options.

So, i need to reset the selectbox as it was in the beginning of the function.

Any help?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

五里雾 2024-10-20 19:29:58

您可以在进行任何更改之前克隆 select 元素：

var copy = $('#day').clone();

稍后，当您想要恢复它时，只需将当前的 select 替换为旧的即可：

$('#day').replaceWith(copy);

You can clone the select element before you make any changes:

var copy = $('#day').clone();

Later, when you want to restore it, just replace the current select with the old one:

$('#day').replaceWith(copy);

回复收藏 0 原文

扛起拖把扫天下 2024-10-20 19:29:58

我建议使用 .clone() http://api.jquery.com/clone/method jQuery，用于保存下拉列表的副本，您可以在想要重置值时替换该列表，也可以迭代副本中的值并将它们添加到现有的下拉列表中。

这是一个在 jQuery 中使用克隆的示例，它执行我上面解释的操作。

<html>
<head>
<script src="jquery.js" type="text/javascript">
</script>
<script>

$(document).ready(function(){
//clone the select list
var optionlist = $("#options").clone();

//add the remove function event handler to a link
$("#remove").click(function(){

$("#options option:last").remove();

return false; //don't refresh the page

});

// add the reset click event handler to the reset link
$("#reset").click(function(){

//replace the select list with the original clone
$("#options").replaceWith(optionlist);

//clone the new list into the original optionlist variable
optionlist = $("#options").clone;

return false; //don't refresh

});

});

</script>
</head>
<body>
<select id="options" multiple="true" >
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
<a id="remove" href="#" >remove</a>
<a id="reset" href="#">reset</a>
</body>
</html>

I would suggest using the .clone() http://api.jquery.com/clone/method of jQuery, to hold a copy of your drop down list, and you can either replace the list when you want to reset the values, or you could iterate through the values in the copy and add them to the existing dropdownlist.

Here is a sample using clone in jQuery that does what I explained above.

<html>
<head>
<script src="jquery.js" type="text/javascript">
</script>
<script>

$(document).ready(function(){
//clone the select list
var optionlist = $("#options").clone();

//add the remove function event handler to a link
$("#remove").click(function(){

$("#options option:last").remove();

return false; //don't refresh the page

});

// add the reset click event handler to the reset link
$("#reset").click(function(){

//replace the select list with the original clone
$("#options").replaceWith(optionlist);

//clone the new list into the original optionlist variable
optionlist = $("#options").clone;

return false; //don't refresh

});

});

</script>
</head>
<body>
<select id="options" multiple="true" >
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
<a id="remove" href="#" >remove</a>
<a id="reset" href="#">reset</a>
</body>
</html>

回复收藏 0 原文