gpt4 book ai didi

jquery ui selectmenu,关于更改所选项目

转载 作者:行者123 更新时间:2023-12-01 07:26:41 25 4
gpt4 key购买 nike

我正在尝试实现一个货币转换器,我成功了,但现在我正在实现一个按钮,该按钮将更改两个选定菜单之间的选定选项,这意味着如果在第一个菜单中我选择了美元,而在第二个菜单中我选择了英镑,然后按下按钮时,我希望在第一个菜单中选择英镑,在第二个菜单中选择美元。我已设法更改两个菜单上的选定选项,但它不会在菜单本身中显示它。我忘记了什么?

 $(function(){
$('a#switchButton').click(function(){
var $sel1 = $('#fromCurrency');
var val1 = $sel1.val();
var $sel2 = $('#toCurrency');
var val2 = $sel2.val();
$sel1.find("option[value='"+val1+"']").attr("selected",false);
$sel1.find("option[value='"+val2+"']").attr("selected",true);
$sel2.find("option[value='"+val2+"']").attr("selected",false);
$sel2.find("option[value='"+val1+"']").attr("selected",true);
});
});

这是一个屏幕截图,当按下中间的图标时,这里没有任何变化,但仅在代码本身中发生变化。如果我按下图标,我希望美元出现在“from”中,inr出现在“to”中。

Screen shot

jsfiddle.net example

最佳答案

事实证明 selectmenu() 函数有自己的更改值的方法。
在这里查看工作版本:http://jsfiddle.net/atR6D/55/

$('#switchButton').click(function(){
var sel1 = $('#fromCurrency').selectmenu("value");
var sel2 = $('#toCurrency').selectmenu("value");
$('#fromCurrency').selectmenu("value", sel2);
$('#toCurrency').selectmenu("value", sel1);
});

看起来它正在代表 <span> 中的选择列表。标签,这就是为什么您实际上无法更改原始选择列表的原因。

关于jquery ui selectmenu,关于更改所选项目,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9061888/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com