javascript - 如果没有从选择框中选择任何值(标题除外)，则返回 false

Question

我有一个带有选择框的 HTML 表单。在选择第一个下拉菜单时，下一个下拉菜单应该使用 AJAX 自动填充。

在 Download Records (id="getCsv") 按钮点击事件中生成一个 CSV 文件。问题是，我想强制所有字段。这是 jquery 代码

var teacher_name = $("#sel_teacher option:selected").text();
var unittest_name = $("#sel_test1 option:selected").text();

var class_name = $("#sel_class1 option:selected").text();
var class_id = $('#sel_class1').val();

var division_name = $("#sel_div1 option:selected").text();
var division_id = $('#sel_div1').val();

var subject_name = $("#sel_sub1 option:selected").text();

if (teacher_name == "") {
    alert('Please Select Teacher Name.');
    return false;
} else if(class_name == "") {
    alert('Please Select Class Name.');
    return false;
} else if(division_name == "") {
    alert('Please Select Division Name.');
    return false;
} else if(subject_name == "") {
    alert('Please Select Subject Name.');
    return false;
} else if(unittest_name == "") {
    alert('Please Select Unit Test Name.');
    return false;
} else {
    var myObject = new Object();
    myObject.class_name = class_name;
    myObject.class_id = class_id;
    myObject.division_name = division_name;
    myObject.division_id = division_id;
    myObject.subject_name = subject_name;
    myObject.test_name = unittest_name;

    var formData = JSON.stringify(myObject);
    $('#getCsv').attr('href','csv_generator.php?data=' + formData);
}

问题是，当我单击下载记录 时，即使第一个选择框为空，也会直接弹出第二个选择框的警告框。我尝试使用以下方法解决此问题，但没有成功。

if ($("#sel_teacher").attr("selectedIndex") == 0) {
   alert("You haven't selected anything!");
   return false;
}

有人可以帮我解决这个问题吗？感谢您的帮助。

Answer 1

selectedIndex是一个属性，使用prop:

$("#sel_teacher").prop("selectedIndex")

此外，您可以通过仅使用 $("#sel_teacher").val() 检索所选值并与空字符串进行比较(假设 value 该选项的为空)。

var teacher_name = $("#sel_teacher").val();
// get other <select /> values here...

if (teacher_name == '') {
   alert("You haven't selected anything!");
   return false;
}

// test other values here...