Jquery怎么获取select选中项 自定义属性的值

Jquery怎么获取select选中项 自定义属性的值,第1张

<!DOCTYPE HTML>

<html lang="en-US">

<head>

<meta charset="UTF-8">

<title>Ball</title>

<style type="text/css">

</style>

<script type="text/javascript" src="jquery-180minjs"></script>

<script type="text/javascript">

$ (function ()

{

$ ("select")change (function ()

{

alert ($ (this)find ("option:selected")attr ("abc"));

})

})

</script>

</head>

<body>

<select>

<option abc="a">111</option>

<option abc="d">222</option>

<option abc="f">333</option>

<option abc="dfd">444</option>

</select>

</body>

</html>

如果select标签是有id属性的,如

<select id=xx>

则用下述方法获取当前选项的值:

var v = xxvalue;

var v = documentgetElementById("xx")value; //此方法兼容性好

如果select标签是有name属性的,如

<form name=form1>

<select name=xx>

则用下述方法获取当前选项的值:

var v = form1xxvalue;

var v = documentgetElementsByName("xx")[0]value;

如果同一页面含有多个name属性相同的标签,则上述[0]中的数字要改为相应的物理顺序号(从0起算)

如果select标签不含有任何可供定位的属性,如

<select>

则用下述方法获取当前选项的值:

var v = documentgetElementsByTagName("select")[0]value;

如果同一页面含有多个select标签,则上述[0]中的数字要改为相应的物理顺序号(从0起算)

单选下拉列表框对象的value属性值就是选中项的value值,因此只需用如下代码即可

1

var selected_val = documentgetElementById(select_id)value;

并且,通过 *** 作select下的option也可以得到被选项的value值,方法为:

var sel = documentgetElementById(select_id);

var selected_val = seloptions[selselectedIndex]value;

实例演示如下:

1、HTML结构及javascript代码

<select id="test" onchange="alert(thisvalue)">

<option value="0">options-0</option>

<option value="1">options-1</option>

<option value="2">options-2</option>

</select>

答案是不能因为浏览器只会把value的值发送到服务器,而不会发送显示的文本

要么你把值和文本都写在value属性中,一起提交后再拆分

要么接收值,然后通过值换算出文本,当然,这需要文本与值有一对一的对应关系

以上就是关于Jquery怎么获取select选中项 自定义属性的值全部的内容,包括:Jquery怎么获取select选中项 自定义属性的值、JavaScript怎样获取select标签当前选择的值呢、如何利用javascript获取表单中select下拉列表中所选中项的值value等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/10145044.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-05
下一篇2023-05-05

发表评论

登录后才能评论

评论列表(0条)

    保存