使用Ajax在选择之间移动选项
使用Ajax在选择之间移动选项
提问于 2015-05-11 04:43:03
我想将一个选项从一个选择移动到另一个。这就是我到目前为止所拥有的。
selects.html
<select multiple id="select1" class="Multiple">
<option>foo</option>
<option>bar</option>
</select>
<section id="botons" class="botons">
<input type="button" id="bAdd" value=">>">
<input type="button" id="bDel" value="<<">
</section>
<select multiple id="select2" class="Multiple">
<option> </option>
</select>ajax/js
$(document).on("ready",function(){
$("#bAdd").on("click", function(){
var option=$("#select1 option:selected").value();
$("#select2").add($('<option></option>').value(option));
$("#select option:selected").remove();
});
});回答 4
Stack Overflow用户
回答已采纳
发布于 2015-05-11 04:51:48
尝试如下:您的第一个复选框Id是select1.try，将其附加到select2。jquery中的函数也是val()而不是value()。
$(document).ready(function() {
$("#bAdd").on("click", function(){
var option=$("#select1 option:selected").val();
$("#select2").append('<option>'+option+'</option>');
$("#select1 option:selected").remove();
});
});//submit click <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<select multiple id="select1" class="Multiple">
<option>foo</option>
<option>bar</option>
</select>
<section id="botons" class="botons">
<input type="button" id="bAdd" value=">>">
<input type="button" id="bDel" value="<<">
</section>
<select multiple id="select2" class="Multiple">
<option> </option>
</select>
Stack Overflow用户
发布于 2015-05-11 04:51:36
排在队伍里
var option=$("#select option:selected").value();您指的是id为select的select，但在您的HTML中，您给它提供了一个select1 id。
Stack Overflow用户
发布于 2015-05-11 04:59:16
您需要获得所选选项的文本，因为您没有为它们设置值。
$("#bAdd").on("click", function(){
var option=$("#select1 option:selected").text();
$("#select2").append($('<option>'+option+'</option>'));
$("#select1 option:selected").remove();
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/30159802
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号