separate all the similar options to text boxes from select javascript

Question

hello friends i need a small help regarding separation of options from select

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

i want to seperate all mangoes to one textbox and apples to another and so on... dynamically

please helpme with the code... thank you

separate similar options (mangoes to textbox1, grapes to textbox2....) to each text box. — Shiva_Dvlopr, Aug 09 '14 at 05:36
It's still unclear to me, specify the whole scenario, you wan to do it in selecting an element, or on window load, & textboxes are static or they will be crated dynamically. — Mritunjay, Aug 09 '14 at 05:38
In short to what @Mritunjay has said. What `event` do you want to do to be able to seperate those options. `onchange` ? `onload` ? etc... — AlexJaa, Aug 09 '14 at 05:41
text box should be created dynamically and separate the options into each text box — Shiva_Dvlopr, Aug 09 '14 at 05:43
do yo need to create individual textbox for all the values in the select box, like 2 textbox for mango, 2 for grape etc.... — logan Sarav, Aug 09 '14 at 05:54
similar values goes into one textbox ( eg:all mango value goes to one textbox,grapes option to another textbox and so on ) — Shiva_Dvlopr, Aug 09 '14 at 05:57

AlexJaa · Answer 1 · 2014-08-09T10:27:39.223

I made a fiddle for you. here it is: DEMO

Thanks for SO friends that help me. BTW, for me to achieve what you want, If you notice, I store all values taken from option tag to an array. Then make again a new array to store the filtered duplicate values. And for final step is to append a textbox that has a value of those three. here's some of the codes:

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);
}

EDITED:

I add here some of fruits to see more effectiveness. You can also add some as you want. HERE

NOTE: If you want to use value of the option tag instead of its text just replace this

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

to this

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

For more additional questions regarding this visit here http://stackoverflow.com/questions/25216885/overwrite-duplicate-value-in-an-array-javascript#25216924. I'd made a question relative to yours. — AlexJaa, Aug 09 '14 at 10:09

separate all the similar options to text boxes from select javascript

1 Answers1