jQuery-根據從選擇字段中選擇的值更改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());
});