jQuery根据值设置自定义属性

Question

假设此代码：

<input id="myinpunt-name"  my_attribute="1"  class="myclass" ...
<checkbox id="myinpunt-name"  my_attribute="2"  class="myclass" ... 



$('.myclass').change(function() {
        dosomething($(this).attr('my_attribute'));
 });

并正常工作。

现在我还有另一个组件

<select id="myselect-name" my_attribute = /* here I want to read Value*/ class="myclass"  ...

在这种情况下， my_attribute必须读取$(this).val() 。

有没有一种方法可以将value属性设置为自定义属性？

谢谢。

Answer 1

无论是哪种方式（内联或单独），您都需要根据下拉的change事件来设置/更改custom_attribute的值，如下所示：

排队：

<select id="myselect-name" my_attribute="1"
    onchange="javascript: this.setAttribute('my_attribute', this.value);">
    <option>1</option>
    <option>2</option>
    <option>3</option>
</select>

演示-1

分离：

<select id="myselect-name" my_attribute="1" class="myclass">
    <option>1</option>
    <option>2</option>
    <option>3</option>
</select>

$('.myclass').change(function() {
    $(this).attr('my_attribute', $(this).val());
    alert($(this).attr('my_attribute'));
});

演示-2