Javascript 使用jQuery获取自定义属性而不是val（）_Javascript_Jquery_Html_Attributes

Javascript 使用jQuery获取自定义属性而不是val（）

javascript jquery html

Javascript 使用jQuery获取自定义属性而不是val（）,javascript,jquery,html,attributes,Javascript,Jquery,Html,Attributes,我有以下代码： <html> <head> <script src="http://code.jquery.com/jquery-latest.pack.js"></script> </head> <body> <select name="size"> <option custAttr="0" value="0" disabled selected>Value ↓</option

我有以下代码：

<html>
<head>
    <script src="http://code.jquery.com/jquery-latest.pack.js"></script>
</head>
<body>
<select name="size">
    <option custAttr="0" value="0" disabled selected>Value ↓</option>
    <option custAttr="10" value="10">AAA (10)</option>
    <option custAttr="20" value="20">BBB (20)</option>
    <option custAttr="30" value="30">CCC (30)</option>
</select>

<label class="result"></label>

<script>
$(document).ready(function() {
    $('select').on('change', function() {
        $('.result').text(
            $('select[name=size]').val()
        );
    });
});
</script>
</body>
</html>

实际上，脚本从value=获取内容。是否有一种方法可以让脚本从我的自定义属性custatr=”中获取代码？

首先请注意，创建自己的属性将意味着您的HTML无效，这可能会产生意外的效果。使用data-*属性存储您自己的数据。在这里，您可以使用option:selected来获取所需的数据值。试试这个：

$document.readyfunction{ $'select'。在'change'上，函数{ $'.result'.text$'select[name=size]选项：selected'.data'cust-attr'； }; }; 价值↓ AAA 10 BBB 20 CCC 30

据我所知，你可以这样做

$("#myselect option:selected").attr('custAttr');

你应该做这个把戏

$('select[name=size]').attr('custAttr');

看一看，谢谢。它起作用了。我得等5分钟才能接受。没问题，很乐意帮忙。还有一个小问题：你知道如何用逗号代替点吗。例如，123,45而不是123.45.Yep，.replace/，/g，'.'抱歉，我必须再次询问，但是：在哪里添加此项？我试过一些方法，但没有成功。

$('select[name=size]').attr('custAttr');