JavaScript怎样获取select标签当前选择的值呢？

如果select标签是有id属性的，如
<select id=xx>
则用下述方法获取当前选项的值：
var v = xxvalue;
或
var v = documentgetElementById("xx")value; //此方法兼容性好
如果select标签是有name属性的，如
<form name=form1>
<select name=xx>
则用下述方法获取当前选项的值：
var v = form1xxvalue;
或
var v = documentgetElementsByName("xx")[0]value;
如果同一页面含有多个name属性相同的标签，则上述[0]中的数字要改为相应的物理顺序号（从0起算）
如果select标签不含有任何可供定位的属性，如
<select>
则用下述方法获取当前选项的值：
var v = documentgetElementsByTagName("select")[0]value;
如果同一页面含有多个select标签，则上述[0]中的数字要改为相应的物理顺序号（从0起算）

单选下拉列表框对象的value属性值就是选中项的value值，因此只需用如下代码即可
1
var selected_val = documentgetElementById(select_id)value;
并且，通过 *** 作select下的option也可以得到被选项的value值，方法为：
1
2
var sel = documentgetElementById(select_id);
var selected_val = seloptions[selselectedIndex]value;
实例演示如下:
1、HTML结构及javascript代码
1
2
3
4
5
<select id="test" onchange="alert(thisvalue)">
<option value="0">options-0</option>
<option value="1">options-1</option>
<option value="2">options-2</option>
</select>
2、效果演示

今天也遇到这个问题 jsp里的下拉框的选中值传递给servlet
在servlet中
String select=requestgetParameter("selectName")；得到的是选中的option的value值，那么如果我们把value值等于它的选择项的值得话就可以了比如
<select name="selectName">
<option value="羽毛球">羽毛球</option >
<option value="篮球">羽毛球</option >
<option value="足球">羽毛球</option >
</select>

jQuery是控制和 *** 作select详解。
先看下面的html代码
<select id="test">
<option value="1">选项一<option>
<option value="2">选项一<option>

<option value="n">选项N<option>
</select>
所谓jQuery *** 作“select”, 说的更确切一些是应该是jQuery控制 “option”， 看下面的jQuery代码：
//获取第一个option的值
$('#test option:first')val();
//最后一个option的值
$('#test option:last')val();
//获取第二个option的值
$('#test option:eq(1)')val();
//获取选中的值
$('#test')val();
$('#test option:selected')val();
//设置值为2的option为选中状态
$('#test')attr('value','2');
//设置最后一个option为选中
$('#test option:last')attr('selected','selected');
$("#test")attr('value' , $('#test option:last')val());
$("#test")attr('value' , $('#test option')eq($('#test option')length - 1)val());
//获取select的长度
$('#test option')length;
//添加一个option
$("#test")append("<option value='n+1'>第N+1项</option>");
$("<option value='n+1'>第N+1项</option>")appendTo("#test");
//添除选中项
$('#test option:selected')remove();
//删除项选中(这里删除第一项)
$('#test option:first')remove();、
//指定值被删除
$('#test option')each(function(){
if( $(this)val() == '5'){
$(this)remove();
}
});
$('#test option[value=5]')remove();
//获取第一个Group的标签
$('#test optgroup:eq(0)')attr('label');
//获取第二group下面第一个option的值
$('#test optgroup:eq(1) : option:eq(0)')val();

第一步，创建静态页面selecthtml，引入select2相关的css和js文件，并引入jQuery核心js，如下图所示：
第二步，在body标签内插入select元素，设置属性multiple和class，宽度为300px，如下图所示：
第三步，初始化select2插件，需要调用select2()方法，如下图所示：
第四步，为了演示获取下拉框值，这里利用button按钮点击事件，在select下方插入一个button按钮，如下图所示：
第五步，编写按钮点击事件，事件里获取多选下拉框值和文本内容，如下图所示：
6
第六步，在浏览器中进行预览，点击“取值”按钮，会看到打印下拉框选择的值和文字，如下图所示：

用selected

<select>
<option>a</option>
<option selected="selected">b</option> 
<option>c</option> 
</select>

如果option使用php循环输出的，那么也可以

<select>
<php foreach($arr as $key => $value) { >
    <option <php if ($_text == $value) { >selected="selected" <php } >><php echo $value; ></option>
<php } >
</select>

---