Question

你好朋友我需要一些关于从选择

中分离选项的小帮助

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

我希望将所有芒果分成一个文本框，将苹果分成另一个，依此类推......动态

请帮助我们代码......谢谢

Answer 1

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

感谢所有帮助我的朋友。顺便说一句，为了达到你想要的目的，如果你注意到，我将从option标签获取的所有值存储到数组。然后再次创建一个新的数组来存储已过滤的重复值。最后一步是append一个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);
}

<强>编辑：

我在这里添加一些水果，看看更有效。您也可以根据需要添加一些。的 HERE

注意：如果您想使用value标记的option而不是text，请更换此

var y = x.options [i] .text;

到这个

var y = x.options [i] .value;

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

1 个答案: