如何从下拉列表中获取选定的值?

时间:2014-04-08 12:00:06

标签: javascript jquery

我有一个下拉列表(DDL)......

我通常会使用$('#ddl option:selected').val()

但我已经存储了jQuery对象......

var myDDL = $('#ddl');

我无法弄清楚如何将变量myDDLoption:selected一起使用

不确定如何真正说出我的问题......

4 个答案:

答案 0 :(得分:0)

您只需要在选择对象上调用val()即可获得所选值。

$('#ddl').val()

获取变量只是为了知道你可以使用find

selectedVal = myDDL.find('option:selected').val();
  

.val()方法主要用于获取表单元素的值   例如input,select和textarea。在选择元素的情况下,它   没有选择选项时返回null,并且包含一个数组   当至少有一个时,每个选定选项的值都是   可以选择更多因为存在multiple属性jQuery Docs

答案 1 :(得分:0)

请试一试。

调用以下函数查看效果。

----------------------- JS-Code --------------------- -

TestFunction();

function TestFunction() {
    var myDDL = $('#ddl');
    var selectedVal = myDDL.find('option:selected').val();
    alert(selectedVal);
}

-------------------- HTML Code ------------------------- -

<div id="divTest">
        <select id="ddl">
        <option>one</option>
        <option selected="selected">two</option>
        </select>
    </div>

答案 2 :(得分:0)

HTML:

<select id="ddlCountry" name="ddlCountry">
<option selected="selected" value="1">India
</option>
<option value="2">USA
</option>
</select>

JQuery的:

$(&#39;#ddlCountry&#39)。VAL()

我希望这会有所帮助。如果这确实解决了您的问题,请将帖子标记为已回答。

谢谢, PRASHANT

答案 3 :(得分:0)

试试这个:

 myDDL.find('option:selected').val();

由于myDDL是一个jQuery对象,因此您可以使用.find()方法获取所选值。