Javascript 如何在选择另一个选项时更改DDL的“selected”属性,并使用jQuery删除默认的预选值

Javascript 如何在选择另一个选项时更改DDL的“selected”属性,并使用jQuery删除默认的预选值,javascript,html,jquery,dropdown,Javascript,Html,Jquery,Dropdown,最初,我需要在特定选项上设置选定属性,然后在选择新选项时删除/设置该属性 一,。我可以通过执行以下操作,将选定属性初始设置为特定选项: $('select#genres option[value="0"]').attr("selected", "selected"); $('select#genres').on('change', function () { var newSelected = $('select#genres').f

最初,我需要在特定选项上设置选定属性,然后在选择新选项时删除/设置该属性

一,。我可以通过执行以下操作,将选定属性初始设置为特定选项:

$('select#genres option[value="0"]').attr("selected", "selected");
$('select#genres').on('change', function () {
var newSelected = $('select#genres').find(":selected").attr("selected", "selected");
});
二,。然后,当我通过执行以下操作选择更改事件的新选项时:

$('select#genres option[value="0"]').attr("selected", "selected");
$('select#genres').on('change', function () {
var newSelected = $('select#genres').find(":selected").attr("selected", "selected");
});
我的问题是如何从旧选项中动态删除选定项。每次我选择另一个选项时,它们当前都会重复

非常感谢你的帮助

我的完整代码

HTML


您只需使用[selected]选择器和remoteAttr以选定选项为目标

在另一个元素上设置selected之前,也就是在这一行之前

var newSelected = $('select#genres').find(":selected").attr("selected", "selected");
$'SelectTyres option[selected]'。删除选定的类型; 选择