Question

在选择器中，当我选择特定选项时，它会显示其他表单字段。此时我想将焦点切换到新字段。这是我尝试过但它似乎不起作用。我错过了什么？：

   $('#mySelector').change(function () {
        var st = $(this).val();
        if (st == 'a') {                
            $('#a').show(function(){
                $('#aField').focus();
            });
            $('#b').hide();
        } else if (st == 'b') {
            $('#a').hide();
            $('#b').show(function(){
                $('#bField').focus();
            });             
        } else {
            $('#a, #b').hide();
        }
    });

Answer 1

这很有效。您的错误位于代码的其他位置。可能是HTML中的拼写错误：

<select id="mySelector">
    <option value=""></option>
    <option value="a">a</option>
    <option value="b">b</option>
</select>

<div id="a">
    <input type="text" value="A field" id="aField" />
</div>

<div id="b">
    <input type="text" value="B field" id="bField" />
</div>

http://jsfiddle.net/zwR4F/

显示表单字段和焦点

1 个答案: