
示例代码:
1、html代码:
<!DOCTYPE>
<html>
<head>
<meta >
#lili{font-weight:bold;color:red;}
</style>
</head>
<body>
<select id="mysel" title="选择提示">
<option>nba</option>
<option>fifa</option>
</select>
<script>
</script>
</body>
<html>
2、jquery代码获取自定义属性:
使用attr(name)获取title值:
<script>
alert($("#mysel")attr("title"));
</script>
3、显示结果:
html:
<select id="sel">
<option value='s1'>苹果</option>
<option value='s2'>西瓜</option>
<option value='s3'>香蕉</option>
</select>
javascript:
$(function(){
var _val = $map( $("#sel option:not(:selected)"),
function(ele){return elevalue}
)join(",");
alert(_val);
})
其中主要的是:$("#sel option:not(:selected)"),这是返回没被选中的option集合,
使用$map函数对这个集合进行处理,取出其中元素的值,使用","进行分隔。
如果option中没有value属性,那么直接返回option的文本内容。
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<body>
<select id="sel" onchange="cge()">
<option value="1">4</option>
<option value="2">5</option>
<option value="3">6</option>
</select>
</body>
<script>
function cge(){
var sel=documentgetElementById('sel');
var sid=selselectedIndex;
alert(sel[sid]value+'-'+sel[sid]innerHTML);
}
</script>
</html>
jq的话就一句
$("#sel option:selected")text();
$("#sel option:selected")val();
<body>
<input type="button" onclick="aShow()" value="取值" />
<select class="easyui-combobox" data-options="valueField:'id',textField:'text',panelHeight:'auto'" name="timeinterval" id="timeinterval">
<option value="0">天</option>
<option value="1">时</option>
<option value="2">分</option>
</select>
</body>
<script>
function aShow(){
alert($("easyui-combobox option:selected")val());
var myselect = documentgetElementById("timeinterval");
var index = myselectselectedIndex;
alert(myselectoptions[index]value);
}
</script>
测试了一下,这两种方式都可以取到值,你会浏览器的调试吗,看下是否页面报错?
以上就是关于Jquery怎么获取select选中项 自定义属性的值全部的内容,包括:Jquery怎么获取select选中项 自定义属性的值、js或者jquery如何获取select中未选中的值、js中怎么获取option的值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)