js获取select标签选中的值,获取select2选中的值
js如何获取到select的option值?
1、首先输入下方中的代码:
var obj = document.getElementByIdx_x(”testSelect”); //定位id
var index = obj.selectedIndex; // 选中索引
2、然后继续输入下方中的代码:
var text = obj.options[index].text; // 选中文本
var value = obj.options[index].value; // 选中值
3、最后运行了就可以获取到select的option值了,效果图:
JS获取select option获取选中的值多选
纯JS
var?e?=?document.getElementById("form-field-select-4");
alert(getSelectValues(e));
//?Return?an?array?of?the?selected?opion?values
//?select?is?an?HTML?select?element
function?getSelectValues(select)?{
??var?result?=?[];
??var?options?=?select??select.options;
??var?opt;
??for?(var?i=0,?iLen=options.length;?iiLen;?i++)?{
????opt?=?options[i];
????if?(opt.selected)?{
??????result.push(opt.value?||?opt.text);
????}
??}
??return?result;
}
JQuery
?var?selectedValues?=?[];????
?$("#form-field-select-4?:selected").each(function(){
?????selectedValues.push($(this).val());?
?});
?alert(selectedValues);
怎么在js中获得select标签被选中的值
JS 控制select选中项,代码如下:
script type="text/javascript"
var selectedValue = '%= request.getAttribute("line")%';
function changeSelected(){
jsSelectItemByValue(document.getElementById("mySelect"),selectedValue);
}
function jsSelectItemByValue(objSelect,objItemText) {
for(var i=0;iobjSelect.options.length;i++) {
if(objSelect.options[i].value == objItemText) {
objSelect.options[i].selected = true;
break;
}
}
}
/script
body onload="changeSelected()"
select id="mySelect" name="mySelect"
option value="0"0/option
option value="1"1/option
option value="2"2/option
option value="3"3/option
/select
/body
/html
js 怎么获取select value值 和optione的文字?
需要准备的材料分别有:电脑、html编辑器、浏览器。
1、首先,打开html编辑器,新建html文件,例如:index.html,编写问题基础代码,选中选项2。
2、在index.html中的script标签,输入js代码:
var value = $('#myselect').val();
var text = $('#myselect').find("option:selected").text();
$('body').append('value=' + value + ',text=' + text);
3、浏览器运行index.html页面,此时成功获得到选中的选项的值和文本并打印了出来。