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

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

Jquery获取select选中项 自定义属性的值的方法:

示例代码:

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的值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

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

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

发表评论

登录后才能评论

评论列表(0条)

    保存