手动在页面添加值到下拉列表而不刷新的demo，无刷新javascript,js

heisetoufa · 发表于 2013-2-7 19:38:12

手动在页面添加值到下拉列表而不刷新的demo
在一个页面中有一个"添加"按钮和一个下拉列表，在单击"添加"按钮后,便在下拉列表中增加相应的选项,不用刷新页面就能看到列表的更新情况
<html> <head> <title>添加Option对象</title> <script language = "javascript"> // 添加选项 function addOption(pos){ var objSelect = document.myForm.mySelect; // 取得字段值 var strName = document.myForm.myOptionName.value; var strvalue = document.myForm.myOptionvalue.value; // 建立Option对象 var objOption = new Option(strName,strvalue); if (pos == -1 & pos > objSelect.options.length) objSelect.options[objSelect.options.length] = objOption; else objSelect.add(objOption, pos); } </script> </head> <body> <hr> <form name = "myForm"> <select name = "mySelect"> <option value = "第一名" Selected>中国</option> <option value = "第二名">日本</option> <option value = "第三名">美国</option> <option value = "第四名">英国</option></select> <br>选项名称 : <input type = "text" name = "myOptionName" value = "英国"><br> 选项的值 : <input type = "text" name = "myOptionvalue" value = "第四名"> <input type = "button" onclick = "addOption(-1)" value = "添加"> </form> </body> </html>
黑色头发 http://heisetoufa.iteye.com

		自动登录	找回密码
密码			立即注册