select下拉框取值与清空数据

一.获取select被选中的option的值
1.js实现
var selected = document.getElementById(‘selectedId’); //定位id
var index = selected.selectedIndex; // 选中索引
var text = selected.options[index].text; // 选中文本
var value = selected.options[index].value; // 选中值

2.jQuery实现
第一种方式
$(’#selectId option:selected’).text();//选中的文本
$(’#selectId option:selected’) .val();//选中的值
$("#selectId ").get(0).selectedIndex;//索引

第二种方式
$("#selectId").find(“option:selected”).text();//选中的文本
$("#selectId").find(“option:selected”).val();//选中的值
$("#selectId").find(“option:selected”).get(0).selectedIndex;//索引

二.给select动态添加值
第一种方法
var select = document.getElementById(“selectId”);
var item = new Option(text,val);
select .add(item);
第二种方法
var item =$(’’);
for(var i=0;i<5;i++){
item.append(’’+i+’’);
}

三.将select的值清空
js实现
方法一
document.getElementById(“selectId”).options.length = 0;

方法二
document.formName.selectName.options.length = 0;

方法三
document.getElementById(“selectId”).innerHTML = “”;

jQuery实现
方法一
$("#selectId").find(“option”).remove();
方法二
$("#selectId").empty();
方法三
$("#selectId").html("");

来源：CSDN

作者：tone1128

链接：https://blog.csdn.net/tone1128/article/details/103574310

标签

select