Question

我有2个选择，我需要的是在从第一个选择中选择任何选项时聚焦第二个选择。我的代码下面是一个sinpet代码，但它只在值为数字时将焦点设置为第二个选择。

＆＃13;

var acti = document.getElementById('activity');
var tip = document.getElementById('type');

activity.onchange = function () {
    switch (this.value) {
        case '1':
            type.focus();
            break;        
    }
};

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<select id="activity">
    <option value="" selected="">choose one</option>
    <option value="1">Act 1</option>
    <option value="2">Act 2</option>
    <option value="3">Act 3</option>
    <option value="4">Act 4</option>
</select>
<select id="type">
    <option value="">choose one</option>
</select>

＆＃13;

Answer 1

我认为这样可行：

$('#activity').change(function(){ $('#type').focus() })

＆＃13;

$('#activity').change(function(){
    $('#type').focus()
})

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<select id="activity">
    <option value="" selected="">choose one</option>
    <option value="1">Act 1</option>
    <option value="2">Act 2</option>
    <option value="3">Act 3</option>
    <option value="4">Act 4</option>
</select>
<select id="type">
    <option value="">choose one</option>
</select>

＆＃13;

Answer 2

这有效： Als注意当你只运行这个代码片段'1'时：会触发这段代码的焦点。

var acti = document.getElementById('activity');
var tip = document.getElementById('type');

acti.onchange = function () {
    switch (this.value) {
        case '1':
            tip.focus();
            break;        
    }
};

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<select id="activity">
    <option value="" selected="">choose one</option>
    <option value="1">Act 1</option>
    <option value="2">Act 2</option>
    <option value="3">Act 3</option>
    <option value="4">Act 4</option>
</select>
<select id="type">
    <option value="">choose one</option>
</select>

选择从其他选择中选择的任何选项

2 个答案: