javascript - jQuery - 根据从选择字段中选择的值更改 id

Question

我正在尝试更改select的ID带有 JS 函数的字段，请看一下我的 HTML 和 JS 代码。

HTML:

<select name="cat-parent" id="change_id();">
<option selected="selected" value=""></option>
<option value="category-2">Category 2</option>
<option value="category-3">Category 3</option>
<option value="category-4">Category 4</option>
<option value="category-2">Category 2</option>
<option value="category-1">Category 1</option>
</select>


JS:

function change_id(){
var idSuffix = jQuery(this).val();
return 'example' + idSuffix;
}

Answer 1

您需要绑定(bind)change事件处理程序。

$('[name=cat-parent]').on('change', function() {
   $(this).attr("id", 'example' + $(this).val());
});