在选定的下拉列表中填充固定更改的输入文本[关闭]

Posted 2023-03-05

【中文标题】在选定的下拉列表中填充固定更改的输入文本[关闭]

【英文标题】：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”的值在连接中排在第一位或第二位？

现在检查？ . . .如果你不喜欢这个顺序，你可以随机播放字符串，我相信你可以解决这个问题