preenchimento de texto de entrada corrigido na alteração na lista suspensa selecionada [fechado] - javascript, jquery, html, jquery-selectors

Estou tendo um problema em que preciso preencher um campo de texto de entrada em uma seleção suspensa específica.

Quero preencher <input id=title> com qualquer um; o valor selecionado de um elemento selecionado ou o valor em um <input type="text" elemento que possui <div data-autocomplete> como seu pai.

<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"/>

Obrigado.

Respostas:

Se cada um dos divs for fechado após os elementos select e input.

Este código deve funcionar para isso

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

Sua pergunta está inacabada e não exatamente ao ponto.

jsFiddle

É isso que você está procurando?

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