js 获取select对象

JavaScript015

js 获取select对象,第1张

1、获取选中select的value和text,html代码如下：

<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