js select 选中值（用js获取select的多个选项值）
本文目录
- 用js获取select的多个选项值
- 怎么用js动态 设置select中的某个值为选中值
- 如何使用js获取select中选中的option的value值
- js 怎么获取select value值 和optione的文字
- 如何利用javascript获取表单中select下拉列表中所选中项的值value
- JS获取select option获取选中的值多选
- js如何获取到select的option值
- jquery怎么获取select选中的值
- JavaScript怎样获取select标签当前选择的值呢
用js获取select的多个选项值
下面通过两种方式使用js来进行获取select
具体代码如下:
var
obj = document.getElementByIdx_x(”testSelect”);
定位idvar index =
obj.selectedIndex;
选中索引var text = obj.opti***.text;
选中文本var
value = obj.opti***.value;
选中值jQuery中获得选中select值第一种方式$(’#testSelect
option:selected’).text();
选中的文本$(’#testSelect option:selected’)
.val();
选中的值$("#testSelect ").get(0).selectedIndex;
索引
第二种方式$("#tesetSelect").find("option:selected").text();//选中的文
本…….val();…….get(0).selectedIndex;
怎么用js动态 设置select中的某个值为选中值
我们使用javascript实现js动态设置select中的某个值为选中值，操作如下：
使用javascript实现：
***隐藏网址***
***隐藏网址***
《head》
***隐藏网址***
《title》无标题文档《/title》
《/head》
《body》
《select name="jumpMenu" id="jumpMenu" onChange="jumpMenu(’parent’,this,0)"》
《option id="1" value="跳转URL"》111《/option》 // 111 是显示给用户的信息
《option id="2" value="跳转URL"》222《/option》
《option id="3" value="跳转URL"》333《/option》
《option id="4" value="跳转URL"》444《/option》
《option id="5" value="跳转URL"》555《/option》
《/select》
《script type="text/javascript"》
function display(optionID){
var all_opti*** = document.getElementById("jumpMenu").opti***;
for (i=0; i《all_opti***.length; i++){
if (all_opti***.id == optionID) // 根据option标签的ID来进行判断 测试的代码这里是两个等号
{
all_opti***.selected = true;
}
}
};
display("4");
《/script》
《/body》
《/html》
扩展资料：
Js获得元素标签名称的方法：
1、$( this ).get(0).tagName
2、$( this ).tagName
3、$( this ).prop("tagName")
4、$( this ).prop("nodeName")
如何使用js获取select中选中的option的value值
现在有一id=test的下拉框，怎么拿到选中的那个值呢？
分别使用javascript原生的方法和jquery方法
《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:拿到选中项opti***的value： myselect.opti***.value;
4:拿到选中项opti***的text： myselect.opti***.text;
二：jquery方法（前提是已经加载了jquery库）
1:var opti***=$("#test option:selected"); //获取选中的项
2:alert(opti***.val()); //拿到选中项的值
3:alert(opti***.text()); //拿到选中项的文本
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页面，此时成功获得到选中的选项的值和文本并打印了出来。
如何利用javascript获取表单中select下拉列表中所选中项的值value
单选下拉列表框对象的value属性值就是选中项的value值，因此只需用如下代码即可
1
var selected_val = document.getElementById(select_id).value;
并且，通过操作select下的option也可以得到被选项的value值，方法为：
var sel = document.getElementById(select_id);
var selected_val = sel.opti***.value;
实例演示如下:
1、HTML结构及javascript代码
《select id="test" onchange="alert(this.value)"》
《option value="0"》opti***-0《/option》
《option value="1"》opti***-1《/option》
《option value="2"》opti***-2《/option》
《/select》
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 opti*** = select && select.opti***;
var opt;
for (var i=0, iLen=opti***.length; i《iLen; i++) {
opt = opti***;
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的option值
1、首先输入下方中的代码：
var obj = document.getElementByIdx_x(”testSelect”); //定位id
var index = obj.selectedIndex; // 选中索引
2、然后继续输入下方中的代码：
var text = obj.opti***.text; // 选中文本
var value = obj.opti***.value; // 选中值
3、最后运行了就可以获取到select的option值了，效果图：
jquery怎么获取select选中的值
JS: document.getElementById("sid").value;
Jquery: $("#sid").val();
直接就可以获取指定select的选中的值；
如果是多选的话，需要用其他方法。
alert($("#eID").val()+"/"+document.getElementById("eID").value);
JavaScript怎样获取select标签当前选择的值呢
如果select标签是有id属性的，如
《select id=xx》...
则用下述方法获取当前选项的值：
var v = xx.value;
或
var v = document.getElementById("xx").value; //此方法兼容性好
如果select标签是有name属性的，如
《form name=form1》
《select name=xx》...
则用下述方法获取当前选项的值：
var v = form1.xx.value;
或
var v = document.getElementsByName("xx").value;
如果同一页面含有多个name属性相同的标签，则上述中的数字要改为相应的物理顺序号（从0起算）
如果select标签不含有任何可供定位的属性，如
《select》...
则用下述方法获取当前选项的值：
var v = document.getElementsByTagName("select").value;
如果同一页面含有多个select标签，则上述中的数字要改为相应的物理顺序号（从0起算）
