如何获取select下拉框选中的的值呢

<select> 元素（下拉列表）

<select> 元素用于创建下拉列表；而<option> 元素用于定义列表中待选择的选项。列表通常会把首个选项显示为被选选项。

提示：<select> 元素是一种表单控件，可用于在表单中接受用户输入。

属性：

autofocus ：下拉列表在页面加载时自动获得焦点，是一个布尔属性；

disabled：下拉列表应该被禁用，被禁用的下拉列表既不可用，也不可点击。比如你可以设置 disabled 属性，直到满足某些条件（比如选择一个复选框），才恢复用户对该下拉列表的使用。然后，可以使用 JavaScript 来移除 disabled 属性的值，以使下拉列表变为可用状态。

multiple ：可同时选择多个选项。

name ：下拉列表的名称。用于在 JavaScript 中引用元素，或者在表单提交后引用表单数据。

required ：用户在提交表单前必须选择一个值。

size ：下拉列表中可见选项的数目。如果 size 属性的值大于 1，但是小于列表中选项的总数目，浏览器会显示出滚动条，表示可以查看更多选项。

1. 如何设置默认选中呢 

设置默认选中可在option 中添加 selected = "selected",具体举例如下:

<option value="2" selected="selected">test2</option>

 2. 如何动态创建select对象呢？

（1）先动态创建select

1.  
   ① var mySel = document.createElement("select"); //创建select
2.  
   ② mySel.id = "citySel"; //为select添加id
3.  
   ③ document.body.appendChild(mySel); //将select追加到body中
4.  
   //创建select
5.  
   ② mySel.id = "citySel"; //为select添加id
6.  
   ③ document.body.appendChild(mySel); //将select追加到body中

（2）动态创建option 

1.  
   ① var obj=document.getElementById('citySel'); //根据id查找对象
2.  
    
3.  
   ② obj.add(new Option("文本","值")); //添加一个选项
4.  
   //根据id查找对象
5.  
    
6.  
   ② obj.add(new Option("文本","值")); //添加一个选项

3. 删除option 

（1）删除所有option 

1.  
   ① var obj=document.getElementById('citySel'); //获取select对象
2.  
   ② obj.options.length=0; //设置option的length为0
3.  
   //获取select对象
4.  
   ② obj.options.length=0; //设置option的length为0

（2）删除某一个option 

1.  
   ① var obj=document.getElementById('citySel'); //获取select对象
2.  
   //获取select对象
3.  
   ② var i=obj.selectedIndex; //i为要删除选项的下标（取当前选中选项的下标）

obj.options.remove(i); //调用remove方法

 4. 如何获取或者设置到相对应的值呢？

1.  
   <select id="citySel" onchange="selChange()" class="select">
2.  
   <option value="">请选择城市</option>
3.  
   <option value="sh">上海</option>
4.  
   <option value="bj">北京</option>
5.  
   <option value="gz">广州</option>
6.  
   <option value="sz">深圳</option>
7.  
   </select>

 方法一：javascript

1.  
   1：获取select对象:
2.  
   var myselect=document.getElementById("citySel");
3.  
    
4.  
   2：取到选中项的索引:
5.  
   var index = myselect.selectedIndex;// selectedIndex是所选中的项的index
6.  
    
7.  
    
8.  
   3：获取选中项的value：
9.  
    
10.  
    myselect.options[index].value;
11.  
     
12.  
    4：取到选中项的文本内容：
13.  
    myselect.options[index].text;
14.  
    // selectedIndex是所选中的项的index
15.  
     
16.  
    5：获取选中项的value:
17.  
    myselect.options[index].value;
18.  
     
19.  
    6：取到选中项的文本内容:
20.  
    myselect.options[index].text;

 方法二：jquery

1.  
   1：var options=$("#citySel option:selected"); //获取选中的option
2.  
    
3.  
   2：options.val(); //拿到选中项的值，比如选中上海，获取的值为“sh”;
4.  
    
5.  
   3：options.text(); //拿到选中项的文本,比如选中上海，获取的值为“上海”
6.  
   //获取选中的option
7.  
    
8.  
   2：options.val(); //拿到选中项的值，比如选中上海，获取的值为“sh”;
9.  
    
10.  
    3：options.text(); //拿到选中项的文本,比如选中上海，获取的值为“上海”