javascript – 如果从选择框中未选择任何值(标题除外),则返回false

大佬教程收集整理的这篇文章主要介绍了javascript – 如果从选择框中未选择任何值(标题除外),则返回false，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

@H_616_0@我有一个带有选择框的HTML表单.在选择第一个下拉列表时,下一个下拉列表应该使用AJAX自动填充.

@H_616_0@

@H_616_0@在下载记录(id =“getCsv”)按钮单击事件上,将生成CSV文件.问题是,我想强制所有字段.这是jquery代码

@H_616_0@

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);
}

@H_616_0@问题是,当我单击“下载记录”时,即使第一个选择框为空,也会弹出第二个选择框的警告框.我尝试用下面的@L_616_12@解决这个问题,但没有运气.

@H_616_0@

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

@H_616_0@有人可以帮帮我吗？任何帮助表示赞赏.

解决方法:

@H_616_0@SELEctedIndex是一个属性,使用prop：

@H_616_0@

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

@H_616_0@此外,您可以通过仅使用$(“#sel_teacher”).val()检索所选值来简化代码,并与空字符串进行比较(假设该选项的值为空).

@H_616_0@

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...

大佬总结

以上是大佬教程为你收集整理的javascript – 如果从选择框中未选择任何值(标题除外),则返回false全部内容，希望文章能够帮你解决javascript – 如果从选择框中未选择任何值(标题除外),则返回false所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。