Javascript 使用jquery在多个select标记中获取选项值_Javascript_Jquery

Javascript 使用jquery在多个select标记中获取选项值

javascript jquery

Javascript 使用jquery在多个select标记中获取选项值,javascript,jquery,Javascript,Jquery,如何使用jquery获取选项的值问题是我在点击锚定标签上得到了一个空值。Waht是获得期权价值的正确方法。首先用户选择一个星期一选项并单击添加更多锚定标记，然后在警报中显示正确的1值，但当用户更改选项并单击添加更多锚定标记时，警报显示为空。为什么它显示null而不是1,2,3,4,5 <?php for($i = 1; $i <=5; $i++ ){?> <tr id="row"> <td class="input-field col s

如何使用jquery获取选项的值

问题是我在点击锚定标签上得到了一个空值。Waht是获得期权价值的正确方法。首先用户选择一个星期一选项并单击添加更多锚定标记，然后在警报中显示正确的1值，但当用户更改选项并单击添加更多锚定标记时，警报显示为空。为什么它显示null而不是1,2,3,4,5

<?php for($i = 1; $i <=5; $i++ ){?>
    <tr id="row">
      <td class="input-field col s2">
       <label>Week Days</label>
        <select id="week_days<?php echo $i;?>" data-rel="chosen" name="week_days<?php echo $i;?>[]" class="form-control" multiple="multiple">
                <option value="1">Monday</option>
                <option value="2">Tuesday</option>
                <option value="3">Wednesday</option>
                <option value="4">Thursday</option>
                <option value="5">Friday</option>
                </select>
              </td>   
                </tr>
   <?php } ?>
<a id="more_btn" class="right" href="javascript:void(0);"><img src="../../assets/images/icons/add-icon.ico" width="23px" title="Add More"/></a>

当more_btn链接单击获取工作日的选定值并向其发出警报时，请参见示例前

使您的选择成为

<script type="text/javascript">

 $('#more_btn').click(function() {
    var prev_weekdays = $('#week_days').find(":selected").text();
    alert(prev_weekdays);
 });
 </script>

告诉我这是否有效

希望这能解决您的问题

<select id="week_days" data-rel="chosen"  class="form-control" multiple="multiple">
            <option value="1">Monday</option>
            <option value="2">Tuesday</option>
            <option value="3">Wednesday</option>
            <option value="4">Thursday</option>
            <option value="5">Friday</option>
            </select>

您想循环使用option元素还是select元素？首先从下拉列表中选择一个选项，然后单击add按钮。@Jeto您有这个问题的解决方案吗？它可以用于JSFIDLE中的纯html。您可以检查php生成的html代码吗？您试过调试它吗？当用户更改一个选项并单击时，您指的是什么？有5个选择框包含这些日期选项，因此您可以选择这些日期中的不同日期，然后单击5次“添加更多”按钮。这就是你想要的吗？

<select id="week_days" data-rel="chosen"  class="form-control" multiple="multiple">
            <option value="1">Monday</option>
            <option value="2">Tuesday</option>
            <option value="3">Wednesday</option>
            <option value="4">Thursday</option>
            <option value="5">Friday</option>
            </select>

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery Get Values from Multiple Select Box</title>
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("button").click(function(){
    var countries = [];
    $.each($(".country option:selected"), function(){            
        countries.push($(this).val());
    });
    alert("You have selected the country - " + countries.join(", "));
});
});
</script>
</head>
<body>
<p>Press control key (Ctrl) to select multiple values:</p>
<form>
    <label>Country:</label>
    <select class="country" multiple="multiple" size="5">
        <option value="1">United States</option>
        <option value="2">India</option>
        <option value="3">United Kingdom</option>
        <option value="4">Brazil</option>
        <option value="5">Germany</option>
    </select>
    <button type="button">Get Values</button>
</form>
</body>
</html>