Question

我需要从选择中获取选项，更改另一个文本输入以进行选择，并使用首次选择的数据填充该选项。

目前我有这个代码，从第一个下拉列表中获取代码：

var optionValues = [];
jQuery('#rofile_user option').each(function() {
    optionValues.push(jQuery(this).val());
});

我不知道如何更改输入文本以选择框，并填充选择。如果你想知道为什么我需要更改/需要文本输入，那就是因为我使用了CMS，那个文本框是有原因的

Answer 1

页面上需要有两个元素，一个是可见的，一个是隐藏的。当您想要将文本输入“更改”为选择时，只需隐藏一个并显示另一个。 jQuery不允许您更改输入的类型。

Answer 2

要将选项从一个选项复制到另一个选项，您可以执行以下操作：

    $('#select2').html($('select1').html());

那应该为你复制所有选项。

至于“更改”输入，在与输入相同的位置创建新选择并不是太难，然后删除输入。这种方法有用吗？

Answer 3

<强> HTML

<select id="select">
    <option>1</option>
    <option>2</option>
    <option>3</option>
    <option>4</option>
    <option>5</option>
</select>

<input id="input"/>

<强> JS

$('#input').after($('#select').clone().attr('id','select2')).remove();

<强> Demo

如何更改输入文本以选择框并填充它？

3 个答案: