gpt4 book ai didi

jquery - 需要使用 jquery 添加选定的元素

转载 作者:太空宇宙 更新时间:2023-11-03 18:52:46 25 4
gpt4 key购买 nike

我有两个(命名为 box1、box2)多个选定的表单和两个按设计添加/删除的按钮。Box1 将包含值为 1、2、3、4 的元素 a、b、c、d、e ,5.我已经编写了添加和删除的代码。现在当我从 box1 添加 a、b、c、d 到 box2 时,当我从 box2 中删除时,我需要获取要显示的所有元素的总和,即 10一个元素,即 b 然后它应该告诉我 8。我想用 jquery 和 css 来做。请帮助我或鼓励任何教程。我只是一个初学者所以帮助我。谢谢你:)

我试过了

<script>

$(document).ready(function() {

$('#btn-add').click(function(){
$('#select-from option:selected').each( function() {
$('#select-to').append("<option value='"+$(this).val()+"'>"+$(this).text()+"</option>");

});
});
$('#btn-remove').click(function(){
$('#select-to option:selected').each( function() {
$(this).remove();
});
});

});
</script>


</head>
<body>
<form>
<fieldset>

<select name="selectfrom" id="select-from" multiple size="5">
<option value="1">Item 1</option>
<option value="2">Item 2</option>
<option value="3">Item 3</option>
<option value="4">Item 4</option>
</select>

<a href="JavaScript:void(0);" id="btn-add">Add &raquo;</a>
<a href="JavaScript:void(0);" id="btn-remove">&laquo; Remove</a>

<select name="selectto" id="select-to" multiple size="5">

</select>

</fieldset>

最佳答案

我不知道我是否理解正确,但既然你知道如何复制元素,那么在完成之后(从 box1 和 box2)使用 jQuery 从 box2 中获取所有元素并使用 each解析每个 <option> 值的方法.如果你在ie之前定义了一个变量。 var sum = 0;然后为其添加值。然后您可以显示总和

-- 或者,您可以在复制的同时添加值并立即更改选项值的总和

关于jquery - 需要使用 jquery 添加选定的元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14454770/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com