下拉框验证异常咨询：选择值为1的选项却触发值为0的逻辑

嘿，我一眼就瞅出你代码里的两个核心问题，这就是为啥下拉框选择后逻辑不对的原因：

1. 条件判断用错了运算符 #

你在if和else if里用了赋值符号=，而不是比较符号==（或更严谨的===）！举个例子：

if(result = "0") { ... }

这行代码不是在判断result是否等于"0"，而是把"0"直接赋值给result，赋值表达式的结果会被当作true处理，所以不管你选啥，都会执行alert("Select a quiz")的分支，完全跳过了正确逻辑。

正确写法应该用松散比较==或严格比较===（更推荐，会同时比较值和类型）：

if(result === "0") {
    alert("Select a quiz");
} else if (result === "1") {
    alert("UTM");
    x = true;
}

2. 所有测验选项的value重复了 #

你循环生成的<option>标签全用了value="1"：

<option value="1"><?php echo $data['Title']; ?></option>

这导致不管用户选哪个测验，拿到的result都是"1"，没法区分不同测验，还会让逻辑混乱。建议把value改成每个测验对应的唯一标识（比如数据库ID）：

<option value="<?php echo $data['id']; ?>"><?php echo $data['Title']; ?></option>

如果暂时不需要区分具体测验，至少保证默认选项是"0"，其他选项用统一的非0值，同时JS判断要对应上。

优化后的完整代码 #

这里整理了修复后的代码，还优化了Validate函数——不用依赖全局变量x，直接读取下拉框当前值，逻辑更可靠：

<select id="quiz" onchange="check()">
    <option value="0">Select Quiz</option>
    <?php foreach ($datas as $data) : ?>
        <!-- 用测验唯一ID作为value，也可改成你需要的其他值 -->
        <option value="<?php echo $data['id']; ?>"><?php echo $data['Title']; ?></option>
    <?php endforeach; ?>
</select>

<script>
function check() {
    var e = document.getElementById("quiz");
    var result = e.options[e.selectedIndex].value;
    alert(result);
    
    if(result === "0") {
        alert("Select a quiz");
    } else {
        // 只要不是默认选项，都触发此逻辑
        alert("UTM");
    }
}

function Validate() {
    var e = document.getElementById("quiz");
    var result = e.options[e.selectedIndex].value;
    
    if(result !== "0") {
        alert("UTM");
    } else {
        alert ("Please select a quiz");
    }
}
</script>

<button type="button" onclick="Validate()">Confirm Selection</button>

这样修改后，下拉框选择时的判断逻辑就正常了，点击确认按钮也能正确验证用户是否选择了测验~

内容的提问来源于stack exchange，提问作者Connor