Thêm Item vào select option

Diễn đàn Html DOM javascript CSS Thêm Item vào select option

Thành viên	Nội dung
aspnet Lập trình không biên giới 595 bài	10-10-2008 11:05:57 <html> <head> <script type="text/javascript"> function insertOption() { var y=document.createElement('option'); y.text='Kiwi'; var x=document.getElementById("mySelect"); try { x.add(y,null); // standards compliant } catch(ex) { x.add(y); // IE only } } </script> </head> <body> <form> <select id="mySelect"> <option>Apple</option> <option>Pear</option> <option>Banana</option> <option>Orange</option> </select> <input type="button" onclick="insertOption()" value="Insert option" /> </form> </body> </html>
aspnet Lập trình không biên giới 595 bài	10-10-2008 11:07:19 <html> <head> <script type="text/javascript"> function insertBeforeSelected() { var x=document.getElementById("mySelect"); if (x.selectedIndex>=0) { var y=document.createElement('option'); y.text='Kiwi'; var sel=x.options [x.selectedIndex] ; try { x.add(y,sel); // standards compliant } catch(ex) { x.add(y,x.selectedIndex); // IE only } } } </script> </head> <body> <form> <select id="mySelect"> <option>Apple</option> <option>Pear</option> <option>Banana</option> <option>Orange</option> </select> <input type="button" onclick="insertBeforeSelected()" value="Insert option before selected" /> </form> </body> </html> --- Coding for food
aspnet Lập trình không biên giới 595 bài	10-10-2008 11:08:53 Select Object Methods Method add() Adds an option to a dropdown list blur() Removes focus from a dropdown list focus() Sets focus on a dropdown list remove() Removes an option from a dropdown list --- Coding for food
dotnetvn dotnet.vn 72 bài	10-10-2008 11:09:50 Cái này là với div --------------- <html> <head> <title>Gecko DOM insertBefore test</title> </head> <body> <div> <span id="childSpan">foo bar</span> </div> <script type="text/javascript"> // create an empty element node // without an ID, any attributes, or any content var sp1 = document.createElement("span"); // give it an id attribute called 'newSpan' sp1.setAttribute("id", "newSpan"); // create some content for the newly created element. var sp1_content = document.createTextNode("This is a new span element. "); // apply that content to the new element sp1.appendChild(sp1_content); var sp2 = document.getElementById("childSpan"); var parentDiv = sp2.parentNode; // insert the new element into the DOM before sp2 parentDiv.insertBefore(sp1, sp2); </script> </body> </html> ---
aspnet Lập trình không biên giới 595 bài	10-10-2008 11:21:48 Đây là xóa tất cả: function clearAll() { var obj = document.getElementById('myOptions'); for (var i=0; i < obj.options.length; i++) { obj.options = null; } } --- Coding for food
aspnet Lập trình không biên giới 595 bài	10-10-2008 11:22:48 Đây nữa là remove select item <html> <head> <script type="text/javascript"> function removeOption() { var x=document.getElementById("mySelect") x.remove(x.selectedIndex) } </script> </head> <body> <form> <select id="mySelect"> <option>Apple</option> <option>Pear</option> <option>Banana</option> <option>Orange</option> </select> <input type="button" onclick="removeOption()" value="Remove option"> </form> </body> </html> --- Coding for food
dotnetvn dotnet.vn 72 bài	10-10-2008 11:29:13 Nhưng bản code này mới clear tất cả các item một cách ngon lành function clearAll() { var obj = document.getElementById('cbx'); for (var i=0; i < obj.options.length; i++) { obj.remove(0); obj.remove(0); } } ---
aspnet Lập trình không biên giới 595 bài	11-10-2008 09:37:03 Còn đoạn này, lấy selêctedInexd của select option ----------------------- <html> <head> <script type="text/javascript"> function getIndex() { var x=document.getElementById("mySelect"); alert(x.selectedIndex); } </script> </head> <body> <form> Select your favorite fruit: <select id="mySelect"> <option>Apple</option> <option>Orange</option> <option>Pineapple</option> <option>Banana</option> </select> <br /><br /> <input type="button" onclick="getIndex()" value="Alert index of selected option"> </form> </body> </html> --- Coding for food
dotnetvn dotnet.vn 72 bài	11-10-2008 09:50:18 Có một đoạn khác xóa tất cả các item của select đơn giản hơn nhiều và lởm hơn nhiều function clearAll() { var ddl = document.getElementById("mySelect"); ddl.length=0; } ---
khiemnv 2 bài	15-12-2008 04:39:00
khiemnv 2 bài	15-12-2008 04:39:17 ---
noname 3 bài	19-01-2009 10:45:37 Hi, cái này lấy ở bên w3chools.com à
dinhthaopro123 2 bài	02-01-2011 02:11:17

Chủ đề gần đây :

Cùng loại :