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

可以使用：jQuery 属性 *** 作 - attr() 方法

attr() 方法的定义和用法

attr() 方法设置或返回被选元素的属性值。

根据该方法不同的参数，其工作方式也有所差异。

使用attr() 方法返回属性值

语法：$(selector)attr(attribute)。attribute

规定要获取其值的属性。

使用attr() 方法设置属性/值

语法$(selector)attr(attribute,value)。attribute规定属性的名称，value 规定属性的值。 

实例

// 改变图像的 width 属性：

$("button")click(function(){  $("img")attr("width","180");});

//获取select标签自定义属性 data-val的值

$("select")eq(0)attr("data-val")

jquery提供了三个获得内容的方法： text()、html() 以及 val()，其中前两个可用于解决本问题：

$("label#userid")text(); // 首选，获取label的文本

$("label#userid")html(); // 也可以实现，获取label标签内的所有html标记，一般情况改下label标签内就是文本，所以等效上面的方法

下面给出实例演示：分别使用以上两种方法获取label标签的内容，注意最终结果的区别

创建Html元素

<div class="box">

<span>点击按钮获取label中内容：</span><br>

<div class="content">

<label id="userid">输入用户名</label><input type="text">

</div>

<input type="button" value="获取label中的内容">

</div>

设置css样式

divbox{width:300px;padding:20px;margin:20px;border:4px dashed #ccc;}

divbox span{color:#999;font-style:italic;}

divcontent{width:250px;margin:10px 0;padding:20px;border:2px solid #ff6666;}

h3{display:inline-block;}

input[type='button']{height:30px;margin:10px;padding:5px 10px;}

编写jquery代码

$(function(){

$("input:buttonbtn1")click(function() {

alert($("label#userid")text());

});

$("input:buttonbtn2")click(function() {

alert($("label#userid")html());

});

})

观察效果

使用text()方法获取标签内的内容

直接获取label对应的input对象就行，因为label会触发其对应的input对象，触发形式有两种，你这里用label将input对象包裹起来的写法是隐式触发，另一种显示触发是为label加上for属性，属性值指向input对象的id，无论采取哪种方法，label标签的点击事件都会传递到input对象上，所以这里可以这样获取：

// 点击触发，获取当前点击那个值就行

$('btn-groupbtn-overlapbtn-corner')find(':radio')click(function() {

    consolelog($(this)val());    

})

// 直接获取，获取哪个选中

var rdoValue = $('btn-groupbtn-overlapbtn-corner')find(':radio:checked')val();

consolelog(rdoValue);

1、新建一个html文件，命名为testhtml，用于讲解。

2、在testhtml文件内，在p标签内，使用a标签创建一个链接，同时设置id为mylink，主要用于下面通过该id获得a对象。

3、在testhtml文件内，给a标签添加title属性，属性值为“这是测试的链接”。

4、在testhtml文件内，使用button标签创建一个按钮，按钮名称为“获得title内容”。

5、在testhtml文件中，给button按钮绑定onclick点击事件，当按钮被点击时，执行getitle（）函数。

6、在js标签内，创建getitle()函数，在函数内，通过id(mylink)获得a对象，使用attr()方法获得title属性值，即title的内容，最后，使用alert()方法将获得的内容输出。

7、在浏览器打开testhtml文件，点击按钮，查看实现的效果。

以上就是关于Jquery怎么获取select选中项 自定义属性的值全部的内容，包括:Jquery怎么获取select选中项 自定义属性的值、怎么使用jquery获得标签的值或元素的内容、怎么用jQuery获取选中的label标签等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！