在选定的下拉列表中填充固定更改的输入文本[关闭]
Posted
技术标签:
【中文标题】在选定的下拉列表中填充固定更改的输入文本[关闭]【英文标题】:populating input text fixed on change on selected dropdown list [closed] 【发布时间】:2013-09-22 22:16:24 【问题描述】:我遇到了一个问题,我必须在特定的下拉选择中填充输入文本字段。
我想用其中一个填充<input id=title>
;从 select 元素中选择的值或以 <div data-autocomplete>
为父元素的 <input type="text"
元素中的值。
<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"/>
谢谢。
【问题讨论】:
这些 div 的用途是什么。它们没有正确关闭 每次选择后是否关闭这些 div 标签,或者这就是您实际编码的方式?因为它看起来好像这里的 html 格式不正确 【参考方案1】:你的问题还没有说完,也不是重点。
jsFiddle
这就是你要找的吗?
$('select').change(function()
var what = $(this).val();
$('#title').val(what);
);
【讨论】:
它不应该在我们每次选择时重置标题。它应该连接。并且 input id="foo" 也应该是其中的一部分。【参考方案2】:如果每个 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());
);
);
);
【讨论】:
它不应该在我们每次选择时重置标题。它应该连接。并且 input id="foo" 也应该是其中的一部分。 并且您希望“foo”的值在连接中排在第一位或第二位? 现在检查? . . .如果你不喜欢这个顺序,你可以随机播放字符串,我相信你可以解决这个问题以上是关于在选定的下拉列表中填充固定更改的输入文本[关闭]的主要内容,如果未能解决你的问题,请参考以下文章