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

我正在尝试使用JS函数更改

select

字段的id，请查看我的HTML和JS代码

HTML:

第2类
第3类
第4类
第2类
第一类

JS:

功能更改\u id（）{
var idSuffix=jQuery（this.val（）；
返回'example'+idSuffix；
}

您需要绑定

更改

事件处理程序

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

---

我认为您需要使用

onchange=“change_id（）；”

您需要使用

$（document）.ready（）

在加载文档DOM时附加一个新id，然后使用

$（this）获取所选选项。find（“option:selected”）.val（）

。谢谢！我必须把它包装在

函数更改中吗？{}

？你不需要它。只需删除它和id属性，我认为一个更短、可能更快的方法是：

this.id='example'+this.value。