jquery下拉选中,jquery下拉框默认选中

如何获取下拉列表选中的值 jquery

分别使用javascript原生的方法和jquery方法

成都网络公司-成都网站建设公司创新互联公司10多年经验成就非凡，专业从事做网站、成都网站设计，成都网页设计，成都网页制作，软文发布平台，一元广告等。10多年来已成功提供全面的成都网站建设方案，打造行业特色的成都网站建设案例，建站热线：028-86922220，我们期待您的来电！

select id="test" name=""

option value="1"text1/option

option value="2"text2/option

/select

code:

一：javascript原生的方法

1:拿到select对象： var myselect=document.getElementById("test");

2：拿到选中项的索引：var index=myselect.selectedIndex ; // selectedIndex代表的是你所选中项的index

3:拿到选中项options的value： myselect.options[index].value;

4:拿到选中项options的text： myselect.options[index].text;

二：jquery方法（前提是已经加载了jquery库）

1:var options=$("#test option:selected"); //获取选中的项

2:alert(options.val()); //拿到选中项的值

3:alert(options.text()); //拿到选中项的文本

jquery怎么设置下拉列表被选中

参考以下两种方法：

设置option的selected属性为true

设置select标签的value值为需要选中的值

实例演示如下:

1、根据演示需要，给出一个示例HTML结构

select id="test"

option value="1"option-1/option

option value="2"option-2/option

option value="3"option-3/option

/selectbr

input type="button" id="btn1" value="设置option-2选中"

input type="button" id="btn2" value="设置value=3的项选中"

2、jquery代码

$(function(){

// 方法1：设置option的selected属性为true

$("#btn1").click(function() {  // 第一个按钮单击事件

$("select option").each(function() { // 遍历所有option，如果option内容为option-2，就设置起selected属性为true

if($(this).text()=="option-2")

$(this).prop("selected",true);

});

});

// 方法2：设置select标签的value值为需要选中的值

$("#btn2").click(function() { // 第二个按钮的单击事件

$("select").val("3");  // 设置option值为3的选项选中

});

});

3、效果演示

用jquery怎么判断下拉框选中的值

参考如下代码

$("select").val();  // 选中项目的value值

$("select option:checked").text(); // 选中项目的显示值

示例如下：

1.创建Html元素

请选择：

select id="sel"

option value="1"选项1/option

option value="2"选项2/option

option value="3"选项3/option

option value="4"选项4/option

/select

input type="button" value="点击查看被选项目"

2.编写jquery代码

$(function(){

$("input").click(function() {

a = $("#sel").val();

b = $("#sel option:checked").text();

alert("被选项目的值："+a+"，被选项目的显示值："+b+"。");

});

})

3.显示效果

分享名称：jquery下拉选中,jquery下拉框默认选中
当前地址：https://www.cdcxhl.com/article24/dseeeje.html

成都网站建设公司_创新互联，为您提供微信公众号、品牌网站设计、做网站、响应式网站、网站策划、企业网站制作

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联