选择下拉列表的最新选定值

时间:2014-11-19 15:11:25

标签: javascript jquery html

有没有办法选择最新用户选择的下拉列表值?

例如:

<select id="data" name="data" class="data" multiple="multiple">
    <option value="100">foo</option>
    <option value="101">bar</option>
    <option value="102">bat</option>
    <option value="103">baz</option>
</select>

如果我使用类似下面的例子,我得到的是最后一个索引,但它不是我想要的。

var latest_value = $("option:selected:last",this).val();

我想要的是:如果你选择&#34; bar&#34;,我得到101,如果你选择&#34; foo&#34;我得到101而不是100。

OBS:我的所有示例都在考虑用户正在选择多个值,而不只是一个。

2 个答案:

答案 0 :(得分:2)

使用这个简单的js代码:

var is_now_selected = document.getElementById('data').value;

// or with jQuery

var is_now_selected = $('#data').val()

也许您不知道option - 值的确是select的值。如果您点击<option value="something">内的<select name="select_me">,则此选择将包含所选option的值 - 在这种情况下为"select_me"

答案 1 :(得分:0)

您可以编写此代码。它可能对你有帮助。

如果你有任何问题,请告诉我。

$("#data").change(function () {
    alert($("#data").val());
});