var select = documnet.createElement(‘select’);
select.setAttribute(‘id’,‘selectid’);
select.setAttribute(‘onchange’,‘change();’);
document.body.appendChild(select);
select.options.add(new Option(‘label’,‘value’));
页面已经有select标签,可以直接往里面添加option。
$(‘#selectid’).append(‘text’);
两种方法获取选中的option的值和value
方法一:js方法获取
1、获取select对象
var select = document.getElementById(‘selectid’);
2、获取选中的option的索引值
var index = select.selectedIndex;
3、获取选中option的value
var selectedValue = select.options[index].value;
4、获取选中option的text
vat selectedText = select.options[index].text;
1、获取选中的option
var select = $(‘#selectid option:selected’);
var selectValue = select.val();
3、获取选中option的text
var selectedText = select.text();
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script src="./js/jquery.min.js"></script>
<script>
window.onload = function(){
//动态的往select里面添加option(JS方式添加)
var select = document.createElement("select");
select.setAttribute('id','sc');
select.setAttribute('onchange','change()');
document.body.appendChild(select);
for(var n = 1;n<10;n++){
select.options.add(new Option('添加option'+n,n+""));
}
//Jquery动态添加option
for(var m = 1;m<10;m++){
$('#selectid').append("<option value="+m+">option"+m+"</option>");
}
change();
}
function change(){
//js方式获取当前选中项
//拿到select的对象
var sel1 = document.getElementById('selectid');
//获取当前选中项的索引
var index = sel1.selectedIndex;
//拿到选中的option的value
console.log(sel1.options[index].value);
//拿到选中的option的text
console.log(sel1.options[index].text);
//Jquery方式获取当前选中项
var sel2 = $('#selectid option:selected');
//拿到选中的option的value
console.log(sel2.val());
//拿到选中的option的text
console.log(sel2.text());
}
</script>
</head>
<body>
<select id='selectid' οnchange="change()" ></select>
</body>
</html>
原文地址:https://blog.csdn.net/withkai44/article/details/134720968
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如若转载,请注明出处:http://www.7code.cn/show_15477.html
如若内容造成侵权/违法违规/事实不符,请联系代码007邮箱:suwngjj01@126.com进行投诉反馈,一经查实,立即删除!