javascript - 如何根据上下文预先选择<option>？

我的html中有很多.fare类的实例。因此，我在上下文中实施该解决方案。对于某些票价，我想自动在.fare选项列表中选择第二个值（所有票价）并禁用选择框。

选项包括：
  options_fare =“选择票价”所有票价“”

但是，当我尝试以下代码时，它停留在选项1（选择票价）上。

$contextualDiv.children('.fare').html(options_fare);
$contextualDiv.children('.fare option:eq(1)').attr('disabled', false).prop('selected', true).trigger('change');
    }

我在这里想念什么？

非常感谢！

最佳答案

改变你的：

$contextualDiv.children('.fare option:eq(1)')

至

$contextualDiv.children('.fare').children('option:eq(1)')

要么

$contextualDiv.find('.fare option:eq(1)')

children之所以不能为您服务的原因是因为children只看一级孩子，而不看孩子的孩子进行深入搜索，而是使用find。

working example

关于javascript - 如何根据上下文预先选择<option>？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/45949170/