JS, jquery, dynamic add Option Item

1. var selid = document.getelementbyid (" Sltid ");   
2.   
3.        for (var i= 0; i<10;i++) {      //Loop adds multiple values   
4.   
5.                sid.option[i] = new  option (i,i);   
6.   
7.         }  
8.   
9.         Sid.options[sid.options.length]=new option ("1", "2");   //  add one more after the last value   

Jquery:

[HTML]View Plaincopy

2. <select id="AA"></Select>
4. 1.jQuery ("<option value=' 1 '>abc</option>"). AppendTo ("#aa");
8. 2.jQuery ("<option></option>"). attr ({val: "1", Text: "ABC"}). AppendTo ("#  AA ");
12. 3.jQuery ("<option></option>"). val ("1"). Text ("abc"). AppendTo ("#aa");
14. 4.$ ("#selectId"). Append ("<option value='" +value+ "'>" +text+ "</option  > ");

Of course, in addition to these words, but also set the default selection value, the first value, the last value, the nth value and so on, so on the internet searched:

jquery Gets the text and value selected by select:

[HTML]View Plaincopy < param name= "wmode" value= "Transparent" >

1. $ ("#select_id"). Change (function () {//code ...}); Add an event for Select, which is triggered when one of the items is selected
3. var checktext=$ ("#select_id"). Find ("option:selected"). Text (); Gets the text selected by the Select
5. var checkvalue=$ ("#select_id"). Val (); Gets the value selected by Select
7. var checkindex=$ ("#select_id"). Get (0). SelectedIndex; Gets the index value of the select selection
9. var maxindex=$ ("#select_id option:last"). attr ("index"); Gets the maximum index value of the Select

jquery Add/Remove option for select:

[HTML]View Plaincopy

2. 1. $ ("#select_id"). Append ("<option value=' value '>text</option>"); Append an option to the Select ( drop-down item)
6. 2. $ ("#select_id"). Prepend ("<option value=' 0 '> Please select </option>"); Insert an option for select (first position)
10. 3. $ ("#select_id option:last"). Remove (); Delete index value in select maximum option (last)
14. 4. $ ("#select_id option[index=' 0 ')". Remove (); Delete option with index value 0 in select (first)
18. 5. $ ("#select_id option[value=' 3 ')". Remove (); Delete option for value= ' 3 ' in select
22. 5. $ ("#select_id option[text=' 4 ')". Remove (); Delete option for text= ' 4 ' in select

JS, jquery, dynamic add Option Item