php - 我试图将动态复选框的值分配给下拉列表，但它显示相同的值，因为复选框是相同的

Question

它只从动态复选框中选择第一个值，当我点击复选框时我想在下拉列表中分配动态复选框值

 $(document).ready(function() {
    $('input[type="checkbox"]').click(function() {
        if ($(this).is(":checked")) {
            //var val = $("#country option:selected").val();
            var val = $("#c1").val();
            $("#country").val(val);
            alert(val);
        } else if ($(this).is(":not(:checked)")) {
            alert("Checkbox is unchecked.");
        }
    });
});

<select name="cat_id1" id="country" onChange="ajaxFunction()">
    <option value=0>Show All</option>
    <?php
        foreach ($results as $result) { 
    ?>
    <option value="<?php echo $result[mem_ID];?>"><?php echo $result[mem_email];?></option>
    <?php
        }
    ?>
</select>
<td>
    <input type="checkbox" name="name[]" id="c1" value="<?php echo $result['mem_email']; ?>">
</td>

Answer 1

好的，在我检查了 OP 提供的代码之后:

id 属性在页面上应该始终是唯一的。您不能为 3 个复选框添加 id="c1"，只能为一个添加。

不要使用 id，而是使用类选择器。

<input type="checkbox" name="name[]" id="someUniqeu" class="selectTrigger" value="<?php echo $result['mem_email']; ?>">

然后在你的 jQuery 中使用它:

$('.selectTrigger').click(function() {
    if ($(this).is(":checked")) {
       ("#country").val($(this).val());