javascript - 总是根据某个位置选择

Question

我正试图做到这一点，当您点击“选择”按钮时，无论蓝色突出显示的 div 是否结束，它都会发出警报。如何做到始终选中蓝色下方的元素？

在图片的情况下，如果它按照我理想中的方式工作，它会警告“陈旧”

这就是我现在拥有的，它不会发出任何警报

$('#selectButton').click( function() {
    alert($('#myAdjSelect option:selected').val());
});

列表的代码如下

<div class="control-group">
          <div class="controls">
            <div style="width:540px;height:16px;border:2px solid blue;position:absolute;margin-top:38px;background-color:rgba(0,0,255,.3)"></div>
            <select multiple="multiple" id="myAdjSelect" class="input-xlarge" style="height:100px">
            </select>
            <select multiple="multiple" id="myNounSelect" class="input-xlarge" style="height:100px">
            </select>

            <button type="button" id="selectButton" name="selectButton" class="btn btn-primary">Select</button>
          </div>
        </div>

我试图让它在无需点击的情况下进行选择，关于如何实现这一点有什么想法吗？

Answer 1

首先改变

alert($('#myAdjSelect option:selected').text());

到

alert($('#myAdjSelect option:selected').val());

如果你想在不同的事件发生时获取事件，你可以使用 .focus()