javascript - 当用户使用 jquery 单击添加更多 anchor 标记时更改选择时获取 Null 值？

Question

用户从下拉菜单中选择单个或多个工作日

这是代码

<table class="striped display" cellspacing="0" width="100%" id="myTable">
  <tbody>
    <?php for($i = 1; $i <=5; $i++ ){?>
        <tr id="row<?php echo $i?>">
          <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 } ?>
                </tbody>
            </table>
<a id="more_btn" class="right" href="javascript:void(0);"><img src="../../assets/images/icons/add-icon.ico" width="23px" title="Add More"/></a>

用户第一次选择一个或多个工作日时单击添加更多 anchor 标记通过警报检查工作日的值，如果响应等于 1，则将使用 ajax 从数据库中检查此表行，然后显示警报消息TimeTable Found 在提醒此消息用户更改工作日选择后，工作日的值将在提醒消息中为 null .. 那么如何在用户更改时获取工作日的值通过单击添加更多 anchor 标记选择工作日

问题是工作日的第一次值获得正确，但是当数据库中存在工作日值时，用户更改工作日选择，因此工作日的值为空。为什么它得到一个空值而不是 1、2、3、4、5？

<script type="text/javascript">
 var j=1;
 $('#more_btn').click(function() {
j++;
var u = j-1;
var prev_weekdays = $('#week_days'+u).val();
var weekDay_field = prev_weekdays.toString().split(",");
        var weekDay1 = weekDay_field[0];
        var weekDay2 = weekDay_field[1];
        var weekDay3 = weekDay_field[2];
        var weekDay4 = weekDay_field[3];
        var weekDay5 = weekDay_field[4];
$.ajax({
    type: "POST",
    url: "check_timetable.php",
    data: {weekday: prev_weekdays},
    success: function(result) {
        var value = $.trim(result);
        if (value == "1"){
            alert('TimeTable Found');
        } else{   
alert("enter");
        }      
    },

});
});
</script>

Ajax 调用 PHP 文件检查工作日值是否存在于数据库中

<?php
 require_once("../../assets/db_connect.php");

 if(!empty($_REQUEST["weekday"])) {
$weekday = $_REQUEST['weekday'];
$weekdays;
foreach ($weekday as $WeekDay){
    $WD .= $WeekDay.",";
} $weekdays =rtrim($WD,',');


$TimeTable_Row = mysql_query( "SELECT * from tbl_timetable where week_days in (".$weekdays."));
$RowCount1 = mysql_num_rows($TimeTable_Row);
if($RowCount1>0){
    echo 1;
} else {
    echo 0; 
}
}?>

Answer 1

您可以使用 val() 从单选或多选中读取值。

function readValues(){
console.log($("#multiSelect").val())
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select multiple id="multiSelect">
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>
<button onclick="readValues()">check</button>