javascript - 如何获取 in jquery? 的值

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