javascript - 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

无论哪种方式(内联或单独)，您都需要根据下拉列表的更改事件设置/更改 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>

DEMO - 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'));
});

DEMO - 2