javascript - 在选择更改时打开下一个选择元素

Question

我有几个连续的选择元素，用户必须在其中选择一个选项。为了方便用户并确保他们选择一个选项，我正在尝试做的事情是在选择选项后自动打开下一个选择

fiddle http://jsfiddle.net/zYUfd/1/

HTML

<form>
    <select name="first">
        <option value=""></option>
        <option value="1">one</option>
        <option value="2">two</option>
        <option value="3">three</option>
    </select> 
    <select name="two">
        <option value=""></option>
        <option value="1">one</option>
        <option value="2">two</option>
        <option value="3">three</option>
    </select> 
    <select name="three">
        <option value=""></option>
        <option value="1">one</option>
        <option value="2">two</option>
        <option value="3">three</option>
    </select> 
</form>

jquery

$('select').on('change', function() {
   $('.select').next().trigger('click'); 
});

Answer 1

工作演示:http://jsfiddle.net/4cgt3/还有这个http://jsfiddle.net/4cgt3/3/

旧的 SO 引用:Open a select drop down on click of checkbox using jquery

希望这能满足您的需求:)

代码

$('select').on('change', function () {

    'use strict';
       $(this).next().focus().get(0).dispatchEvent(doClick());

});

var doClick = function () {
    'use strict';
    var event = document.createEvent('MouseEvents');
    event.initMouseEvent('mousedown', true, true, window);
    return event;
}