jquery中如何获取的值？

您好，我正在尝试从 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>

In 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);

在警报框中我得到的是[对象对象]，但不是选定的值。

然后我尝试了这个，

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

alert($element);

但现在我得到一个空的警报框。

然后我尝试了这个

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

alert($element);

我的警报框显示未定义

我还应该做什么才能在该警报框中获取所选值..？

Try this

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

alert($element);