Form表单之下拉框

最新推荐文章于 2023-04-20 22:56:55 发布

陈_三

最新推荐文章于 2023-04-20 22:56:55 发布

阅读量3.6w

点赞数 6

分类专栏： javaScript 文章标签： select option

本文链接：https://blog.csdn.net/qinshijangshan/article/details/54564341

版权

javaScript 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

下拉框：

<label>下拉1组：</label>
<select name="select1">
  <option>--请选择--</option>
  <option value="option1">下拉1</option>
  <option value="option2" selected="selected">下拉2</option>
  <option value="option3">下拉3</option>
</select>

1.获取下拉选中项的值、文本、索引

<label>下拉2组：</label>
<select name="select2">
  <option>--请选择--</option>
  <option value="option1">下拉1</option>
  <option value="option2" selected="selected">下拉2</option>
  <option value="option3">下拉3</option>
</select>

$("select[name='select2'] option:selected").val();//选中项的值
$("select[name='select2'] option:selected").text();//选中项的文本
$("select[name='select2'] option:selected").index();//选中项的索引(从0开始)

2.选中某值、某文本、某索引的下拉项：

<label>下拉3组：</label>
<select name="select3">
  <option>--请选择--</option>
  <option value="option1">下拉1</option>
  <option value="option2">下拉2</option>
  <option value="option3">下拉3</option>
</select>

$("select[name='select3']").val("option2");//选中值为option2的项
$("select[name='select3'] option[text='下拉2']").prop("selected","selected");//选中文本值为下拉2 的项;根据文本选中项无效，请知道的朋友不吝赐教；
$("select[name='select3'] option").eq(2).prop("selected","selected");//选中索引值为2的项，为第三项；