JQuery的選擇選項VAL（）和text（）返回相同的值

Question

我有以下HTML5代碼：

<select class="form-control" id="inputKind"> 
    <option val="kind_standard">standard</option> 
    <option val="kind_birthday">birthday</option> 
    </select> 

jQuery的兩個調用文本（）和VAL（）方法返回字符串 「生日」而不是價值「kind_birthday」。任何想法我做錯了什麼？

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

Answer 1

.val()獲得選定的選項value屬性。如果未找到，則選中選項元素的文本。

您正在設置錯誤的屬性值。將val屬性更改爲value：

<select class="form-control" id="inputKind"> 
<option value="kind_standard">standard</option> 
<option value="kind_birthday">birthday</option> 
</select>