gpt4 book ai didi

javascript - 如何在 HTML 的选择/选项中选择选定的选项?

转载 作者:行者123 更新时间:2023-11-28 04:28:10 34 4
gpt4 key购买 nike

我需要显示两个具有相同选项的选择列表(有很多)。

我有 index.html:

<body>

<select class="c_select1"></select>
<select class="c_select2"></select>

</body>

在另一个 html 文件 (options.html) 中,所有选项(选项):

<option value='AED' title='United Arab Emirates Dirham'>AED</option>
<option value='AFN' title='Afghan Afghani'>AFN</option>
<option value='ALL' title='Albanian Lek'>ALL</option>
<option value='AMD' title='Armenian Dram'>AMD</option>
<option value='ANG' title='Netherlands Antillean Guilder'>ANG</option>
...
<option value='AOA' title='Angolan Kwanza'>AOA</option>
<option value='ARS' title='Argentine Peso'>ARS</option>
<option value='AUD' title='Australian Dollar'>AUD</option>
<option value='AWG' title='Aruban Florin'>AWG</option>
<option value='AZN' title='Azerbaijani Manat'>AZN</option>

然后,使用 jQuery,我使用不同类选择器的相同指令在两个选择标签内加载选项:

 $(".c_select1").load("options.html");

我想将两个不同的值显示为默认选择的选项(因为我需要显示货币转换器)。

我尝试了两种不同的方法,但其中任何一种都可以正常工作(我只展示了一种方法的代码)。

<script type="text/javascript">
$(".c_select1").load("options.html");
$(".c_select1 option[value=ARS]").prop("selected", true);
</script>

$(".c_select1").val("ARS");

我不知道为什么,但我认为 jQuery 的 .load() 有问题。

唯一可行的解​​决方案是 2:

  • 设置一个定时器,在这个定时器之后执行第二条jQuery语句
  • 为每个选择标签使用 2 个不同的 options.html 文件,但我认为它不是那么聪明。

有没有更好的方法动态地做到这一点?

最佳答案

试试这个:

$(".c_select1").load("options.html", function(){
$(".c_select1").val("ARS");
});

解释:

.load() jQuery 方法需要一些时间来获取options.html 的内容(即使只有几毫秒)。在继续运行其余的 javascript 逻辑之前,浏览器不会等待它。我添加到您的 .load( 方法调用中的 function(){ 是一些在结果返回后运行的 javascript 逻辑(也称为“回调”)。

关于javascript - 如何在 HTML 的选择/选项中选择选定的选项?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47540202/

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