首页 > 解决方案 > 需要在 Javascript 中评估下拉列表中的内容

问题描述

如主题中所述,我需要评估两个字段,一个来自下拉菜单项,另一个用于文本输入类型字段。当然都是 HTML 格式。我想测试这些字段是否为空、零,无论在那种情况下。

我试图更改代码,但似乎找不到正确的代码。

$(document).ready(function() {
    $(function() {
        $("#companyDialog").dialog({
            autoOpen: false
        });
        $("#companyButton").on("click", function() {
            $("#companyDialog").dialog("open");
        });
    });
    // Validating Form Fields.....
    $("#companySubmit").click(function(e) {
        var comnpanyname = $("#companyname").val();
        var editcompanyscombo = $("#editcompanyscombo").val();
        if (companyname === '' || editcompanyscombo === '') {
            alert("Please fill all fields marked with an *!");
            e.preventDefault();
        } else if (editcompanyscombo === '0') {
            alert("Select comany to update!");
            e.preventDefault();
        } else {
            alert("Form Submitted Successfully.");
        }
    });
});
<div class="container">
<div class="main">
<div id="companyDialog" title="Edit company">
<form action="" method="post">
<@@ CompanyEditCombo @@><br>
<label>New company name:</label>
<input id="companyname" name="companyname" type="text">
<input id="companySubmit" type="submit" value="Submit">
</form>
</div>
<input id="companyButton" type="button" value="Open Company Edit Dialog Form">
</div>
</div>

这些字段会弹出,但如果值为零或为空,它们不会发出警报。

标签: javascripthtml

解决方案


到目前为止,我可以从这些片段中看到,请替换=== ''=== '0'== null

(双重相等比较运算符不旨在比较类型。这就是为什么应该使用它,因为它null是 type object.s. Developer Mozilla


推荐阅读