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

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个chekbox添加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());