javascript - 如何操作在运行时添加的 HTML 元素？

Question

我正在处理的代码首先调用了数据库。通过这个调用，确定办公室中是否有可用的工作站。如果有可用的工作站，则将“选项”元素添加到“选择”元素。这是通过 jquery 实现的:

$('#idofselectelement').html(data)

其中“data”表示要插入到“select”元素中的标记。

现在，我的问题是我正在尝试实现一些代码来检查您的“最喜欢的工作站”是否在选定的时间范围内可用，然后自动从“选择”元素的下拉菜单中预选相应的工作站。到目前为止一切正常，除了从下拉菜单中选择工作站:/的一部分我对使用 javascript 和 HTML DOM 进行编程相当陌生，所以我不确定我尝试选择的选项是否是在运行时添加的？

我尝试操作下拉菜单的代码是这样的:

$('#idofselectelement').val(favoriteworkstation);

但是，正如我所说，这是行不通的。我也已经尝试在添加带有可用选项的标记的代码运行后立即输出 (console.log) select 元素的 length 属性。但是根据我得到的输出，长度为零 Oo然而，下拉菜单肯定正在创建，我确实可以操纵它，但不幸的是，不是我想要的方式。如果我添加一个设置相应选择元素值的 onclick 事件，那么选择字段中的值确实会更改为事件处理程序中指定的值。所以我想知道为什么在选择时间范围后我不能预选最喜欢的工作站...

编辑:为了进一步了解问题，我在这里添加了更多代码。这是在运行时添加任何内容之前 HTML Select 元素的样子:

<label for="#sitz">Sitz Nr.</label>
<select type="text" class="form-control" id="sitz" name="sitz" value="">

在运行时添加的标记

<option>workstationvalue</option>
<option>workstationvalue</option>
//and so on, depending on the situation...

Answer 1

这是一个时间问题。

尝试查找元素的 js 比实际将元素添加到 DOM 更快。

你能描述一下你想做什么吗？您可以在将元素添加到 DOM 之前执行此操作。

如果将字符串转换为 jQuery 对象，则可以在添加到 DOM 之前进行编辑

var $jqueryObject = $(data);
$jqueryObject.find('.classYouSearch').val(value);
$('.whereToAd').html($jqueryObject);