如何用jquery选中select的第二个option

如题所述

方法步骤如下:

1、首先打开计算机,然后打开前端编辑软件,新建一个html文件。

2、在html代码页面新建标签,再在界面内输入如下代码:<input type="button" value="清空" onclick="clearSelect();"/>  <div id="test">   <select name="">    <option value="0">请选择下拉菜单</option>    <option value="1">选择1</option>    <option value="2">选择2</option>    <option value="3">选择3</option>   </select>  </div>。

3、然后再在界面内添加点击事件并输入如下代码: <script>   function clearSelect(){    $("#test select").each(function(){     $(this).find("option").eq(0).prop("selected",true)    })   }  </script>。

4、保存html文件后使用浏览器打开,会出现选择select下拉菜单。

5、然后选择第二个选项即可。

温馨提示:内容为网友见解,仅供参考
第1个回答  2018-09-20
设置text为pxx的项选中
$(".selector").find("option:contains('pxx')").attr("selected",true);
注意:之前$(".selector").find("option[text='pxx']").attr("selected",true);这种写法是错误的,目前个人证实input支持这种获取属性值的写法:"input[text='pxx']",select中需要"option:contains('pxx')"这样获取。
第2个回答  2018-09-21

方法很多。我写个吧。我是小白。

关于你说的选中select的第二个option

这个不关乎select。而是jq的选择器吧。

选中第二个如果select是这样的话

<form id="orderone" >
    <select onchange="sfvalue();">
  <option value="">-选择省份-</option>
  <option value="京">北京</option>
  <option value="沪">上海</option>
  <option value="津">天津</option>
  <option value="渝">重庆</option>
  <option value="粤" selected="selected">广东</option>
</select>
</form>
<script>
    $("#orderone").children('select').eq(1);
    /*选择器的用法很多,这个是用id下的子元素select下的eq第二个元素选中*/
 </script>

第3个回答  2018-10-29
//方法一,支持低版本的jquery.js
var a = document.getElementById("Select");//Select是select 的Id
a.options[1].selected = true;

//方法二,jquery1.6中新加了一个方法prop(),因此使用prop()时请使用jquery1.6及以上版本
$("#Select option:nth-child(2)").prop("selected", 'selected');
第4个回答  推荐于2017-09-29
$('select>option:nth-child(2)');

// 这里的selector表示具体的选择器
// 这里的n表示具体的序号或者符合要求的表达式
jQuery( "selector:nth-child(n)" )

selector 一个有效的选择器。
n 指定的序号,从1开始计数。

如何用jquery选中select的第二个option
1、首先,打开html编辑器,新建一个html文件,例如:index.html,并引入jquery。2、在index.html中的<script>标签,输入jquery代码:('select option').eq(1).attr('selected', true);3、浏览器运行index.html页面,此时通过jquery设置了select的第二个option被选中。

jquery 如何去除select 控件重复的option
这个问题最好应该在后台中处理掉——创建select元素之前就过滤掉重复的元素。如果必须要在页面中处理,方法也比较多,这里提供一个使用jquery选择器 :contains 的方法:(":contains(text)"); \/\/ 选取包含指定字符串的元素这样就可以选出包含重复字符串的option元素,然后将其删掉 示例代码如下 创建Html...

jquery怎么获取select选中的值
\/\/获取第一个option的值 ('#test option:first').val();\/\/最后一个option的值 ('#test option:last').val();\/\/获取第二个option的值 ('#test option:eq(1)').val();\/\/获取选中的值 ('#test').val();('#test option:selected').val();\/\/设置值为2的option为选中状态 ('#test'...

jQuery怎么根据某个特定的值动态让select下的option选中
("#select_id option[value='1']").removeAttr("selected");根据值去除选中状态 $("#select_id option[value='"+msg.data.categoryId+"']").attr("selected","selected");根据值让option选中 \/\/设置下拉框index属性为5的选项 选中 $("#selectID").get(0).selectedIndex = 5; ...

jQuery怎么根据某个特定的值动态让select下的option选中
把要选中的值赋给select。如:$('#sel').val('test');(".selector").find("option[text='pxx']").attr("selected",true);筛选option再设置属性

jquery如何给select增加选项?
假设您有一个id为"mySelect"的select元素,希望添加一个新选项,文本为"Option 1",值为"1",代码示例如下:如果要添加多个选项在现有选项之后,可以连续使用.append()方法。示例代码如下:Option 1 Option 2 以上示例展示了如何使用jQuery在选择下拉列表中添加选项。确保在使用.append()方法前调用$(...

jquery向select 添加选项option
1、第一步,创建一个新的HTML文件,并将其命名为“index.html”,见下图,转到下面的步骤。2、第二步,执行完上面的操作之后,在index.html文件中编写选择框的html代码,以实现选项的效果,见下图,转到下面的步骤。3、第三步,执行完上面的操作之后,在页面上加载zdjquery-1.3.2.min.js文件,并...

jquery向select 添加选项option
1、第一步,创建一个新的HTML文件,并将其命名为“index.html”,见下图,转到下面的步骤。2、第二步,执行完上面的操作之后,在index.html文件中编写选择框的html代码,以实现选项的效果,见下图,转到下面的步骤。3、第三步,执行完上面的操作之后,在页面上加载zdjquery-1.3.2.min.js文件,并...

JQuery应用:实现下拉列表选择一项,然后在第二个下拉列表显示全部。谢谢...
<script src="jquery.js"><\/script><script>$(function(){var arr = [['苹果','西瓜','菠萝','梨子'],['西红柿','黄瓜'],['电视机','洗衣机','电冰箱'],['手机','相机']];$('#select1').on('change',function(){$('#select2'...

jquery无法连续控制select多选框选中\/取消
\/\/记的把之前的选中的selected属性移除掉function btnClick(id){ $("#sel1 option[value="+id+"]").attr("selected","selected"); $("#sel1 option[value="+id+"]").siblings().removeAttr("selected");}

相似回答