工学1号馆

home

jquery与select元素的操作

Wu Yudong    July 06, 2019     HTML5+CSS3   1,039   

刚刚搞select花了点时间,主要原因是粗心,还是记录一下吧,不是很全,以后慢慢补充

1、使用js操作select

var obj = document.getElementByIdx_x(”testSelect”); //定位id
var index = obj.selectedIndex; // 选中索引
var text = obj.options[index].text; // 选中文本
var value = obj.options[index].value; // 选中值

2、使用jquery获取select选中值

//第一种方式
$('#testSelect option:selected').text();//选中的文本
$('#testSelect option:selected') .val();//选中的值
$("#testSelect ").get(0).selectedIndex;//索引

//第二种方式
$("#tesetSelect").find("option:selected").text();//选中的文本

3、设置值(回填)

比如<select class=”selector”></select>

1、设置value为pxx的项选中

$(“.selector”).val(“pxx”);

2、设置text为pxx的项选中

$(“.selector”).find(“option[text=’pxx’]”).attr(“selected”,true);

如果文章对您有帮助,欢迎点击下方按钮打赏作者

Comments

No comments yet.
To verify that you are human, please fill in "七"(required)