javascript - How to use option from a drop down list many times -


I'm surprised that there is a way to use the option from the selection tag for many drop down lists. My HTML looks like this:

  & lt; div id = "background0" & gt; & Lt; / Div & gt; & Lt; div id = "dropspot0" & gt; & Lt; / Div & gt; & Lt; P class = "ziua0" & gt; LUNI & lt; Br / & gt; & Lt; Select id = "zile0" & gt; & Lt; Option value = "01" & gt; 01 & lt; / Options & gt; & Lt; Option value = "02" & gt; 02 & lt; / Options & gt; & Lt; Option value = "03" & gt; 03 & lt; / Options & gt; & Lt; Option value = "04" & gt; 04 & lt; / Options & gt; & Lt; Option value = "05" & gt; 05 & lt; / Options & gt; & Lt; Option value = "06" & gt; 06 & lt; / Options & gt; & Lt; Option value = "07" & gt; 07 & lt; / Options & gt; & Lt; Option value = "08" & gt; 08 & lt; / Options & gt; & Lt; Option value = "09" & gt; 09 & lt; / Options & gt; & Lt; Option value = "10" & gt; 10 & lt; / Options & gt; & Lt; Option value = "11" & gt; 11 & lt; / Options & gt; & Lt; Option value = "12" & gt; 12 & lt; / Options & gt; & Lt; Option value = "13" & gt; 13 & lt; / Options & gt; & Lt; Option value = "14" & gt; 14 & lt; / Options & gt; & Lt; Option value = "15" & gt; 15 & lt; / Options & gt; & Lt; Option value = "16" & gt; 16 & lt; / Options & gt; & Lt; Option value = "17" & gt; 17 & lt; / Options & gt; & Lt; Option value = "18" & gt; 18 & lt; / Options & gt; & Lt; Option value = "19" & gt; 19 & lt; / Options & gt; & Lt; Option value = "20" & gt; 20 & lt; / Options & gt; & Lt; Option value = "21" & gt; 21 & lt; / Options & gt; & Lt; Option value = "22" & gt; 22 & lt; / Options & gt; & Lt; Option value = "23" & gt; 23 & lt; / Options & gt; & Lt; Option value = "24" & gt; 24 & lt; / Options & gt; & Lt; Option value = "25" & gt; 25 & lt; / Options & gt; & Lt; Option value = "26" & gt; 26 & lt; / Options & gt; & Lt; Option value = "27" & gt; 27 & lt; / Options & gt; & Lt; Option value = "28" & gt; 28 & lt; / Options & gt; & Lt; Option value = "29" & gt; 29 & lt; / Options & gt; & Lt; Option value = "30" & gt; 30 & lt; / Options & gt; & Lt; Option value = "31" & gt; 31 & lt; / Options & gt; & Lt; / Select & gt; & Lt; Select id = "luniAn0" & gt; & Lt; Option value = "Ianuarie"> Ianuarie & lt; / Options & gt; & Lt; Option value = "February" & gt; February & lt; / Options & gt; & Lt; Option value = "Marty" & gt; Marty & lt; / Options & gt; & Lt; Option value = "aperi" & gt; April & lt; / Options & gt; & Lt; Option value = "mai" & gt; My & lt; / Options & gt; & Lt; Option value = "mirror" & gt; Eye & lt; / Options & gt; & Lt; Option value = "Iulie" & gt; Iulie & lt; / Options & gt; & Lt; Option value = "August" & gt; August & lt; / Options & gt; & Lt; Option value = "September" & gt; September & lt; / Options & gt; & Lt; Option value = "Octombrie" & gt; Octomari & lt; / Option & gt; & Lt; Option value = "noimbari" & gt; Noambrian & lt; / Options & gt; & Lt; Option value = "Desimbri" & gt; Decimary & lt; / Options & gt; & Lt; / Select & gt; & Lt; / P & gt;   

And I want to add the same value from above of these selected tags:

  & lt; div id = "background1" & gt; & Lt; / Div & gt; & Lt; div id = "dropspot1" & gt; & Lt; / Div & gt; & Lt; p class = "ziua1" & gt; Marty & lt; Br / & gt; & Lt; Select id = "zile1" & gt; & Lt; / Select & gt; & Lt; Select id = "luniAn1" & gt; & Lt; / Select & gt; & Lt; / P & gt;   

I have tried this like:

  function dropdown list () {var zileOptions = $ .map ($ ('# zile0 option') , Function (e) {return e.value;}); Var luniAnOptions = $ .map ($ ('$ luniAn option'), function (e) {return e.value;}); (Var i = 1; i & lt; 7; i ++) for {zileToAdd = document.getElementById ("zeil" + i); LuniToAdd = document.getElementById ("luniAn" + i); ZileToAdd.append ("& lt; Option & gt;" + zileOptions + "& lt; / Options & gt;"); LuniToAdd .append ("& lt; Option & gt;" + luniAnOptions + "& lt; / Option & gt;"); }}   

Where I tried to take the value of the selection tag first and added it to the other but, but I can not find the option value, name or anything else for months ... and no Then

  zileToAdd.append ("option & gt;" + zileOptions + "& lt; / option & gt;");   

does not work: (For this, these two drop down lists are id = "zeal" + i (for day) and id = "lunin" + i second drop down list ( Months).

You can try the html () function

  $ ('# zile1'). Html ($ ('# zile0'). Html ()); $ ('# luniAn1'). Html ($ ('# luniAn0') .html ());   

Please check it

Comments

Popular posts from this blog

Pass DB Connection parameters to a Kettle a.k.a PDI table Input step dynamically from Excel -

multithreading - PhantomJS-Node in a for Loop -

c++ - MATLAB .m file to .mex file using Matlab Compiler -