html获取select选中的值,html 获取select的值
如何取HTML中的select中的值
请参考下面实例：
script
function?$(v){return?document.getElementById(v);}
function?a(){
????var?u=$("select").value;
????alert(u);
}
/script
tr
td?width="76"是否开启：/td
td?width="46"
select?name="select"?id="select"?onchange="a()"
option?value="否"?selected="selected"否/option
option?value="是"是/option
/select/td
/tr
如何获取html下拉菜单中被选中的项的值
分别使用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:拿到选中项options的value： myselect.options[index].value;
4:拿到选中项options的text： myselect.options[index].text;
二：jquery方法（前提是已经加载了jquery库）
1:var options=$("#test option:selected"); //获取选中的项
2:alert(options.val()); //拿到选中项的值
3:alert(options.text()); //拿到选中项的文本
Html读取select控件的值
这个无法用 HTML 去读取，需要用到 JavaScript。代码如下：
!DOCTYPE?html
html?lang="en"
head
???meta?charset="UTF-8"
???titleDocument/title
/head
body
???select?id="select1"
???????option?value="0"==?请选择?==/option
???????option?value="1"苹果/option
???????option?value="2"香蕉/option
???????option?value="3"桃子/option
???/select
???p?id="result"/p
???script
???????document.getElementById('select1').onchange?=?function()?{
???????????var?getText?=?function(elm)?{
???????????????if?(typeof?elm.innerText?==?'string')?{
???????????????????return?elm.innerText;
???????????????}
???????????????return?elm.textContent;
???????????};
???????????var?value?=?this.value,
???????????????index?=?this.selectedIndex,
???????????????text?=?getText(this.options[index]);
???????????document.getElementById('result').innerHTML?=?'【'?+?value?+?'】?'?+?text;
???????}
???/script
/body
/html
HTML-html 有多同名select 并且是多选，如何取值
jquery 获取select多选下拉框所有选项的值可以如下实现var all = "";
$("select option").each(function() {
all += $(this).attr("value")+" ";
});
而值获取被选中的值可用如下代码实现
$("select").val();
下面给出实例代码：
创建Html元素：一个多选列表和一个按钮
select id="multi-sel" multiple="multiple"
option value="1"萝卜，我的value是1/option
option value="2"青菜，我的value是2/option
option value="3"小葱，我的value是3/option
option value="4"豆腐，我的value是4/option