Javascript 在jQuery中的Selected选项上设置Selected属性
我有以下实现,每当我更改select值时,它都会触发更改事件Javascript 在jQuery中的Selected选项上设置Selected属性,javascript,jquery,Javascript,Jquery,我有以下实现,每当我更改select值时,它都会触发更改事件 $(element).on("change", function() { }); 现在,在on change函数中,我需要获得选中的选项,然后将selected=selected属性附加到它 因此,我可以使用以下方法获得值: $(element).on("change", function() { alert($(this).find(":selected").t
$(element).on("change", function() {
});
现在,在on change函数中,我需要获得选中的选项,然后将selected=selected属性附加到它
因此,我可以使用以下方法获得值:
$(element).on("change", function() {
alert($(this).find(":selected").text());
});
但所选值不会反映在用户界面中。它仍然显示没有选择。要获取所选选项值:
$(element).on("change", function() {
var item=$(this);
alert(item.val())
});
或
var元素=$(“#选项”);
$(元素).on(“更改”,函数(){
var项目=$(此项);
警报(item.val())
});代码>
挑选
选择1
选择2
在该函数中:$(this).find(':selected').attr('selected','selected')
那就行了。但你为什么需要它?您可以使用:selected伪选择器获取所选选项
试试这个:
$("#select").on("change", function() {
$(this.selectedOptions[0]).attr("selected", "selected");
});
“但是所选的值不会反映在用户界面中。”您是说在用户进行选择后,选择会立即重置吗?这是不正常的,所以代码必须这样做。不应该有明确设置属性的理由。请提供更多上下文。
$("#select").on("change", function() {
$(this.selectedOptions[0]).attr("selected", "selected");
});