(多项选择)排列选项取决于用户选择
(多项选择)排列选项取决于用户选择
提问于 2016-02-03 05:34:40
是否有人知道如何在JQuery中进行操作，并根据用户选择的顺序获得所选选项？
<select class="form-control" name="cols[]" multiple="multiple" id="cols[]" required="required">
<option value="latest_upd">Latest Update</option>
<option value="status">Status</option>
<option value="spin">SPIN</option>
<option value="file_location">File location</option>
<option value="upl_webgis">uploaded to webgis</option>
<option value="rem_upl">Remarks on upload</option>
</select>回答 1
Stack Overflow用户
回答已采纳
发布于 2016-02-03 07:00:11
尝试如下:使用和Jquery同时使用
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
</head>
<body>
<?php
echo "<pre>",print_r($_POST,1),"</pre>";
?>
<form action="" method="post">
<select class="form-control" name="cols[]" multiple="multiple" id="cols[]" required="required">
<option value="latest_upd">Latest Update</option>
<option value="status">Status</option>
<option value="spin">SPIN</option>
<option value="file_location">File location</option>
<option value="upl_webgis">uploaded to webgis</option>
<option value="rem_upl">Remarks on upload</option>
</select>
<input type="submit">
</form>
<script type="text/javascript">
$(document).on('submit',function() {
var result = '';
$('select[name="cols[]"]').find('option:selected').each(function() {
result = $('select[name="cols[]"]').val();
});
alert(result);
});
</script>
</body>
</html>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/35169235
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号