如何在jquery中获取<p:selectOneMenu>的值？

Question

您好我试图从jquery获取p:selectOneMenu的值,但我还是得到了.我使用JSF和primefaces作为我的UI组件.

    <p:selectOneMenu style="width:150px" id="skill"
                value="#{loginBean.skill}" required="true" immediate="true"
                requiredMessage="Select your skill" label="skill" styleClass="someClassName">
                <f:selectItem itemLabel="Select" itemValue=""></f:selectItem>
                <f:selectItem itemLabel="Other" itemValue="Other"></f:selectItem>
                <f:selectItems value="#{loginBean.skillList}" var="item"
                    itemLabel="#{item}" itemValue="#{item}"></f:selectItems>
            </p:selectOneMenu>

在Html中

<select id="skill_input" name="skill_input">
<option value="">Select</option>
<option value="Other">Other</option>
<option value="Tailoring">Tailoring</option>
<option value="Swimming">Swimming</option>
<option value="Roaming">Roaming</option>
</select>

多数民众赞成我选择一个菜单,我的js是..

  var $element = $('.someClassName');

alert($element);

在警报框中我得到了[object Object],但没有选中的值.

然后我试过这个,

   var $element = $('.someClassName').val();

alert($element);

但现在我有一个空警报框.

然后我试了这个

 var $element = $("select[name='skill_input']:selected").val();

alert($element);

我的警报框说未定义

我应该做些什么来获得该警报框中的选定值.. ??

Answer 1

试试这个

var $element = $("select[name='skill_input'] option:selected").val();

alert($element);