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

Question

我正在尝试使用JS函数更改select字段的id，请查看我的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

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

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