<select id="mySelect">
<option value="1">one</option>
<option value="2">two</option>
<option value="3">three</option>
</select>
则可通过以下script代码s来获取选中的value和text
$("#mySelect").val()//获取选中记录的value值
$("#mySelect option:selected").text()//获取选中记录的text值
2、运用new Option("文本","值")方法添加选项option
var obj = document.getElementById("mySelect")
obj.add(new Option("4","4"))
3、删除所有选项option
var obj = document.getElementById("mySelect")
obj.options.length = 0
4、删除选中选项option
var obj = document.getElementById("mySelect")
var index = obj.selectedIndex
obj.options.remove(index)
5、修改选中选项option
var obj = document.getElementById("mySelect")
var index = obj.selectedIndex
obj.options[index] = new Option("three",3) //更改对应的值
obj.options[index].selected = true //保持选中状态
6、删除select
var obj = document.getElementById("mySelect")
obj.parentNode.removeChild(obj)//移除当前对象
7、select选择的响应事件
$("#mySelect").change(function(){
//添加所需要执行的操作代码
})
<script type="text/javascript">
// 获取指定form中的所有的<input><select>对象
function getElements(formId) {
var form = document.getElementById(formId)
if(form == null){
return false
}
var elements = new Array()
var inputTagElements = form.getElementsByTagName('input')
for (var j = 0j <inputTagElements.lengthj++) {
elements.push(inputTagElements[j])
}
var selectTagElements = form.getElementsByTagName('select')
for (var j = 0j <selectTagElements.lengthj++) {
elements.push(selectTagElements[j])
}
return elements
}
扩展资料：
form表单提交
在form标签中添加Action(提交的地址)和method(post)，且有一个submit按钮。
（<input type='submit'>）就可以进行数据的提交，每一个input标签都需要有一个name属性，才能进行提交。
当点击登陆时，向数据库发生的数据是：username=username&password=password.
这种默认的提交方式，一般会进行页面的跳转(不成功时跳转到当前页面)。而有时候是对弹出框进行数据提交的，希望提交成功则关闭弹出框并刷选父页面，失败则提示失败原因，且弹出框不关闭。此时可以采用Ajax进行数据提交。
var obj = document.getElementById("n1") // 这里也可以写成var obj = document.getElementByName("n1")var arrText = new Array()var arrValue = new Array()for(var i = 0i <obj.options.lengthi++) {
arrText [arrText .length] = obj.options[i].text arrValue[arrValue.length] = obj.options[i].value
}arrText 就是所有的TextarrValue就是所有的Value
