javascript - 获取与输入相关的动态创建的选择的值

Question

我一直在定位正确的元素，希望你能帮助我。

所以:我有由 PHP 脚本生成的字段:

<fieldset>

  <div class="row">
    <select>
      <option value="A">A</option>
      <option value="B">B</option>
    </select>
    <input type="text" />
  </div>
  <div class="row">
    <select>
      <option value="A">A</option>
      <option value="B">B</option>
    </select>
    <input type="text" />
  </div>


</fieldset>

我需要根据行中选择内容(文本框在哪里)在每个焦点文本字段上初始化一个自动完成插件。

由于我无权访问项目模板，因此我无法编辑行的 ID 或类别(例如对行进行编号)，因此即使这是一个简化的解决方案，它也与我正在使用的解决方案类似.

那么，我需要实现的目标是:

    $(input).focus(function(){
Ask_what_is_in_select_at_the_same_row()
Store_value_of_Selected_Option_to_Variable()

});

Answer 1

您可以这样使用它:

$('div.row :text').focus(function(){
    // get the value of the select which is the sibling of focussed text input.
    var optVal = $(this).siblings('select').find('option:selected').val();
    // now you can use it.
});

DEMO