javascript - Jquery - 从下拉列表选择到上一个输入字段元素的值

Question

我正在尝试将下拉输入(选择)中的值分配给简单的文本输入。

我有一个简单的标记，如下所示:

<p>
    <input class="large-text o99-input-from-dropdown" id="o99_coks_settings[coks_banner_link_href]"  name="o99_coks_settings[coks_banner_link_href]" type="text" value="some-php-generated-value"/>
    <label class="description" for="o99_coks_settings[coks_banner_link_href]">
    </label>
</p>
<p>
    <label for="o99_coks_settings[coks_page_href]"></label>
    <select name="o99_coks_settings[coks_page_href]" id="o99_coks_settings[coks_page_href]" class="o99-dropdown-2-input">
    <option value='false'>None</option>
    <option value='some-php-generated-values'>Some other PHP generated values </option>
    ....  
    ....  n
    </select>
</p>

是的，我知道 id[array] 类型的 id 不是 100% 有效，但不幸的是这是第 3 方要求。

下面是我的 jQuery，它(应该是)实际上是 super 简单的单行代码 - 但不起作用(经过一些试验，所有这些都出现了“未定义”)

 jQuery('.o99-dropdown-2-input').change(function() {
  var val = jQuery(this).val(); 
 // OR
 //  var val = this.value;

  var val2 =  jQuery(this).prevAll('input[type=text]:first').val();
  var val3 =  jQuery(this).prevAll('input').val();
  var v = jQuery(this).prev(".o99-input-from-dropdown").find("input").val()

  console.log('Previous input id ' + val3.attr("id")); // all undefined

  jQuery(this).prevAll('input[type=text]:first').val = "testVal1";// all undefined
  jQuery(this).prevAll('.o99-input-from-dropdown').val = "testVal2";// all undefined
  jQuery(this).prevAll('.o99-input-from-dropdown').find('input[type=text]:first').val = "testVal3";// all undefined
  jQuery(this).parent().prev().find('input[type=text]:first').val = "testVal4";// all undefined
  jQuery(this).prev('.o99-input-from-dropdown').find('input').val = "testVal5";// all undefined


  console.log(v);

})

所有上述试验(以及其他一些组合)都返回未定义 - 我在这里缺少什么？

Answer 1

试试这个:

  console.log('Previous input id ' + $(val3).attr("id")); 

  jQuery(this).prevAll('input[type=text]:first').val("testVal1");
  jQuery(this).prevAll('.o99-input-from-dropdown').val("testVal2");
  jQuery(this).prevAll('.o99-input-from-dropdown').find('input[type=text]:first').val("testVal3");
  jQuery(this).parent().prev().find('input[type=text]:first').val("testVal4") ;jQuery(this).prev('.o99-input-from-dropdown').find('input').val("testVal5");