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

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”的值在连接中排在第一位或第二位? 现在检查? . . .如果你不喜欢这个顺序,你可以随机播放字符串,我相信你可以解决这个问题

以上是关于在选定的下拉列表中填充固定更改的输入文本[关闭]的主要内容,如果未能解决你的问题,请参考以下文章

如何在引导下拉列表中获取选定元素,其中下拉列表是动态填充的

剑道下拉选项标签更改选定值

从下拉列表中的选定文件中读取文本到richtextbox

什么是 jQuery,我可以在弹出窗口中显示选定复选框、下拉列表和翻转开关的文本值

ReactJS:如何从输入字段的下拉列表中显示选定的值?

(Django)如何在更改外键下拉列表后使“选定”选项有效?