jquery - 用jquery选择显示文本框？

Question

我确信这非常简单，但我似乎不认为我做错了什么，无论如何我的表单有一个“标题”选择列表，并且如果“其他”我想显示一个文本框"被选中。

<select name="title" id="title" class="required">
    <option value="" selected="selected">- Select Title -</option>
    <option value="Ms.">Ms.</option>
    <option value="Mrs.">Mrs.</option>
    <option value="Mr.">Mr.</option>
    <option value="Dr.">Dr.</option>
    <option value="Prof.">Prof.</option>
    <option value="Rev.">Rev.</option>
    <option value="Other" onclick="showOther();">Other</option>
</select>

function showOther() {
  jQuery("#otherTitle").show();
}

但这不起作用......页面加载时使用 jquery 隐藏#otherTitle 文本框。

Answer 1

我建议采用不同的方法:

$("#title").change(function() {
    if($(this).find("option:last").is(':selected')) {
        $("#otherTitle").show();
    } else {
        $("#otherTitle").hide();
    }
});

也就是说，如果选择了last选项，则显示ID为otherTitle的文本框。我实际上使用这个方法。希望有帮助。当然，您的“其他”字段必须始终放在最后，这样才能正常工作 - 而且它对于多语言网站来说相当方便。