无法使用 div 中存在的 jquery 找到选择元素？

Posted 2023-02-25

【中文标题】无法使用 div 中存在的 jquery 找到选择元素？

【英文标题】：unable to find the select element using jquery present inside a div?

【发布时间】：2016-08-19 11:11:11

【问题描述】：

我有以下 html 标记。在dropdown 更改select element (project_dp) 后，我将获取父div。在得到parent div 之后，我正在获取这个parent div 的next div。之后，当我尝试使用 find 方法来获取此 div 中的 select element(task) 时，我什么也得不到。

<div class="div_cell">
    <select class="form-control project_dp" id="log_time_project_id" name="log_time[project_id]" onchange="populate_tasks($(this))">
      <option value=""></option>
      <option disabled="true" selected="selected">Please Select</option>
      <option value="18">akjsda</option>
      <option value="19">approval process and approvers save test</option>
      <option value="39">billable test</option></select>
</div>
<div class="div_cell">
    <select class="form-control task" id="log_time_task_id" name="log_time[task_id]"></select>
</div>

和 jquery 逻辑

function populate_tasks(project_dp) 

   div_node = project_dp.parent();

   next_div = project_dp.parent().next( "div" ).find("select.task");
   alert(next_div.html()); // giving nothing.

但我无法在next_div 中找到element(select.task)。当我使用alert 语句查看html 时，它什么也没有返回。

【参考方案1】：

它的预期结果。，.html()获取匹配元素的内容。

您没有得到 nothing，因为 select.task 元素是 empty，因为它没有子元素。

根据评论，如果您想填充它。使用以下

next_div.append($('<option />', text: 'SomeText', value:'SomeValue')) 

【讨论】：

好的，我想去获取这个元素，我想用一些选项填充这个空的下拉列表。我怎么能用jquery做到这一点？我想要一些示例代码。