Jquery中val方法使用的坑

Jquery中val方法使用

val()// 取得第一個匹配元素的當前值
val(val)// 設置所有匹配元素的值
val([val1, val2])// 設置多選的checkbox、多選select的值（這是一個坑）

<input type="checkbox" value="basketball" name="hobby">籃球
<input type="checkbox" value="football" name="hobby">足球

<select multiple id="s1">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
</select>

$("[name='hobby']").val(['basketball', 'football']);        //會找到有name屬性=hobby的標簽，然后將value=basketball 和value等於football的標簽的checked屬性設置真，這樣就選上了
$("#s1").val(["1", "2"])        //會找到selected標簽，然后將value等於1和2的option標簽的selected屬性設置為真
$(''#s1").val()            //獲取select標簽下有seleted屬性為真的option的value值