将文本框的所有类似选项与选择javascript分开_Javascript_Html

将文本框的所有类似选项与选择javascript分开

javascript html

将文本框的所有类似选项与选择javascript分开,javascript,html,Javascript,Html,朋友们好，我需要一个关于选项和选择分离的小帮助 <html> <select> <option> mango</option> <option> apple</option> <option> apple</option> <option> grapes</option> <option> mango</option> <op

朋友们好，我需要一个关于选项和选择分离的小帮助

    <html>
<select> 
 <option> mango</option>
 <option> apple</option>
 <option> apple</option>
 <option> grapes</option>
 <option> mango</option>
 <option> grapes</option>
</select>
</html>


芒果
苹果
苹果
葡萄
芒果
葡萄

我想把所有的芒果分成一个文本框，苹果分成另一个文本框，依此类推。。。动态地

请帮我输入密码。。。谢谢你

我为你做了一把小提琴。这是：

谢谢这么多帮助我的朋友。顺便说一句，为了实现您想要的，如果您注意到，我将从

选项

标记中获取的所有值存储到数组。然后再次创建一个新的数组，以存储过滤后的重复值。最后一步是添加一个值为这三个值的

textbox

。以下是一些代码：

var x = document.getElementById("fruits");
var getfruits = [];
var i;
for (i = 0; i < x.length; i++) {
    x.options[i].text;
    var y = x.options[i].text;
    getfruits.push(y);
}

var x=document.getElementById（“水果”）；
var getfruits=[]；
var i；
对于（i=0；i


编辑：
我在这里添加了一些水果，以看到更有效的效果。您也可以根据需要添加一些
注意：如果您想使用选项的值
而不是它的文本
只需替换此项即可
变量y=x.options[i]。文本
对此
变量y=x.选项[i].值
“分开”是什么意思，显示预期的输出。将类似的选项（芒果到textbox1，葡萄到textbox2…）分开到每个文本框。我仍然不清楚，请指定整个场景，您希望在选择元素或加载窗口时执行此操作，&文本框是静态的，或者它们将被动态装箱。简而言之，正如@Mritunjay所说的。要能够分离这些选项，您希望执行什么event
<代码>一次更改
<代码>加载

？等…文本框应动态创建，并将选项分隔到每个文本框中，以了解有关此访问的更多其他问题。我问了一个关于你的问题。