根据页面加载时的下拉值显示文本框

Question

我需要根据页面加载下拉菜单中选择的值显示一个文本框。我的下拉菜单的 id - 文本框的 #inputtype id 是 #checkboxvalues。我只是在做简单的“如果输入类型是复选框显示复选框值。它似乎不起作用。但 on(change) 功能工作正常。也就是说，如果我将下拉列表更改为其他内容并选择“复选框，它会显示正确的文本框。谢谢你的时间。$(document).ready(function(){    var inputtype = $( "#inputtype" ).val();    if (inputtype === "Checkbox"){        $("#checkboxvalues").show();    }    if (inputtype != "Checkbox"){        $("#checkboxvalues").hide();    }    if (inputtype != "Radio"){        $("#radiovalues").hide();    }    if (inputtype != "Checkbox with Other"){        $("#checkboxvalues").hide();    }    if (inputtype != "Radio with Other"){        $("#radiovalues").hide();    }    $('#inputtype').on('change',function(){        var inputtype = $( "#inputtype" ).val();        if (inputtype === "Checkbox"){            $("#checkboxvalues").show();            $("#radiovalues").hide();        } else if (inputtype === "Radio") {            $("#radiovalues").show();            $("#checkboxvalues").hide();        }  else if (inputtype === "Checkbox with Other") {            $("#checkboxvalues").show();            $("#radiovalues").hide();        }  else if (inputtype === "Radio with Other") {            $("#radiovalues").show();            $("#checkboxvalues").hide();        }         else {            $("#checkboxvalues").hide();            $("#radiovalues").hide();        }    });

Answer 1

您在此行的加载功能中隐藏文本框：

if (inputtype != "Checkbox with Other"){

    $("#checkboxvalues").hide();

}

作为代码审查问题，您可能希望将所有逻辑放在一个函数中，以便只调用一次。

$(document).ready(function(){

    function updateInputs() {

        var inputtype = $( "#inputtype" ).val();

        $("#checkboxvalues").toggle(inputtype === "Checkbox" || inputtype === "Checkbox with Other");

        $("#radiovalues").toggle(inputtype === "Radio" || inputtype === "Radio with Other");

    }

    updateInputs();

    $('#inputtype').on('change', updateInputs);    

});

Answer 2

这应该有效，

var inputtype = $( "#inputtype option:selected" ).val();

希望能帮助到你！

并尝试使用数组而不是比较每个单独的文本，(editedsitefield.fieldinputtype == "Text Box")即在数组中存储“文本框”之类的值，循环遍历它。