(多选）排列选项取决于用户的选择

(Multiple Select) Arrange options depends on user selection

本文关键字：用户 选择 取决于 选项 多选 排列      更新时间：2023-09-26

有谁知道如何在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>

试试这个：同时使用 PHP 和 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>
相关文章：