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

JQuery从value设置自定义属性

1 个答案: