如何使用jQuery访问html选择选项值

时间:2014-08-01 18:10:24

标签: javascript jquery html

如何使用jQuery在选择名称option 3中获取period的值?

在Javascript中,我使用document.form.period.value来访问单击按钮时的值

<form name="form">
<select name="link">
  <option value="1">$1000</option>
  <option value="2">$2000</option>
  <option value="3">$3000</option>
  <option value="4">$4000</option>
  <option value="5">$5000</option>
</select>
<input type="button" onclick="alert(document.form.link.value)" value="alert">

<select name="period">
  <option value="1">1 day</option>
  <option value="2">2 day</option>
  <option value="3">3 day</option>
  <option value="4">4 day</option>
  <option value="5">5 day</option>
</select>
<input type="button" onclick="alert(document.form.period.value)" value="alert">
</form>

1 个答案:

答案 0 :(得分:2)

我很惭愧回答这个问题,但是:

$('select[name="period"] > option:nth-child(3)') // get the third option element
$('[name="period"]').val() // get the value of the selected option