javascript - 在选定的下拉列表上填充固定更改的输入文本

Question

我遇到了一个问题，我必须在特定的下拉选择中填充输入文本字段。

我想填充<input id=title>任何一个；从选择元素中选择的值或作为其父元素的<input type="text"元素中的值。<div data-autocomplete>

<div data-autocompelete>
<select>
   <option>January</option>
   <option>February</option>
   <option>March</option>
</select>
<div data-autocompelete>
<select>
   <option>1</option>
   <option>2</option>
   <option>3</option>
</select>
<select>
   <option>abc</option>
   <option>cde</option>
   <option>efg</option>
</select>
<div data-autocompelete>
<select>
   <option>2013</option>
   <option>2012</option>
   <option>2011</option>
</select>
<div data-autocompelete>
<input type="text" id="foo"/>
<input type="text" id="title"/>

谢谢。

Answer 1

如果每个 div 在 select 和 input 元素之后都关闭了。

这段代码应该适用于此

$(document).ready(function(){
    $("select").change(function(){
        var selectedValue = $(this).find("option:selected").val();
        $(this).parents("div :data-autocomplete").each(function(){
            $("#title").val($("#foo").val() + selectedValue + $("#title").val());
        });
    });
});

Answer 2

您的问题还没有完成，而且不完全正确。

jsFiddle

这就是你要找的吗？

$('select').change(function(){
   var what = $(this).val();
    $('#title').val(what);
});