Question

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

我想用<input id=title>填充;从select元素中选择的值或<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

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

jsFiddle

这是你想要的吗？

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

Answer 2

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

此代码适用于

$(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());
        });
    });
});

在所选下拉列表中更改固定的输入文本

2 个答案: