如何在jquery中获取选择框选择的选项值

时间:2016-05-19 06:49:20

标签: php jquery

请帮我解决我的问题。

我有以下代码。 这是我的HTML代码。

users.php

<select id="user_position"  name="user_position">
    <option value="0">Select Position</option>
    <option value="1">Management</option>
    <option value="2">Rekeyer</option>
    <option value="3">Assistant</option>
    <option value="4">Macro Specialist</option>
    <option value="5">Template Engineer</option>
    <option value="6">Support</option>
</select>

<a onclick="javascript:createposition()" style="margin-top: 9px; display: inline-block;" href="javascript:void(0);">Create user position</a>

我的jquery代码

users.js

function createposition() {
    console.log($("#user_position option:selected").val());//it return option text insted of value.
    if ($("#user_position").val() == "") {
        alert("Please select user position.");
        return false;
    }
}

4 个答案:

答案 0 :(得分:2)

您需要使用属性value而不是valule

 <option value="0">Select Position</option>

<强> Working Demo

答案 1 :(得分:1)

    CREATE TABLE #A
    ( COL VARCHAR(10)
    ) 
    INSERT INTO #A VALUES( NULL),('19900411'),('19900411'),('04-04-1976'),('10-30-1952'),('19950422')

     SELECT DATESTRINGFIELD = CONVERT(VARCHAR, CONVERT(DATE, COL) , 101) FROM #A

output
04/11/1990
04/11/1990
04/04/1976
10/30/1952
04/22/1995

答案 2 :(得分:1)

您的代码块工作正常,只需要更正属性名称。

valule 位于:

<option **valule**="0">Select Position</option>

答案 3 :(得分:0)

将选项列表中的valule更改为value

并更改

console.log($("#user_position").val());

而不是

console.log($("#user_position option:selected").val());