如何获得select被选中option的value和text

一：JavaScript原生的方法

1:拿到select对象： var myselect=documentgetElementById(“test”);

2：拿到选中项的索引：var index=myselectselectedIndex ; // selectedIndex代表的是你所选中项的index

3:拿到选中项options的value： myselectoptions[index]value;

4:拿到选中项options的text： myselectoptions[index]text;

二：jQuery方法（前提是已经加载了jquery库）

1:var options=$(“#test option:selected”); //获取选中的项

2:alert(optionsval()); //拿到选中项的值

3:alert(optionstext()); //拿到选中项的文本

<form action="a_submit" method="get" accept-charset="utf-8">

<select name="some_name" id="some_name">

<php

$sql = "SELECT `id`,`name` FROM `table` WHERE 1";

$rs = mysql_query($sql);

while($row = mysql_fetch_array($rs)){

>

<option value="<php echo $row['id'];>"><php echo $row['name'];></option>

<php

}

>

</select>

<input type="submit" name="some_name" value="">

</form>

单选下拉列表框对象的value属性值就是选中项的value值，因此只需用如下代码即可

1

var selected_val = documentgetElementById(select_id)value;

并且，通过 *** 作select下的option也可以得到被选项的value值，方法为：

var sel = documentgetElementById(select_id);

var selected_val = seloptions[selselectedIndex]value;

实例演示如下:

1、HTML结构及javascript代码

<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>

获取Select标签选中的id值和文本值，<option>中id、value属性的区别

blog163com 2013-10-12 10:51

一个<select>标签，如何获取选中的select的值或者id？<option id="" value="">xxx</option>里有两个属性，id和value，他们有何区别？

一次不经意的错误让我发现了<option>里id和value的区别，呵呵

如下是一段HTML（用了Strut2的标签）：

<s:form method="post" action="uploadLogoaction"> <table border="0"> <tr> <td class="STYLE1" align="left"> <select name="shopId"> <option id="-1">---选择店铺---</option> <option value="1">行行行行行行</option> </select> </td> </tr> <tr> <td><s:submit value="提交" /></td> </tr> </table> </s:form>

当你<option>里只设置id值或者你写错了写成value以外的其他东西，那么，你提交时，传到Struts2的Action类时获取选中的select值将是<option>的value值，也就是你写在<option id="xxx">aaaaa</option>的“aaaaa”。

只有当<option>里只设置value值时，才能获取你选中的select的ID。

也就是说，当你把shopId传到后台时

<select name="shopId">

1）如果此时option设置的是id，那么Action中shopId的值是“---选中店铺---”

<option id="-1">---选择店铺---</option>

2）如果此时option设置的是value，那么Action中shopId的值是“-1”

<option value="-1">---选择店铺---</option>

Struts2Action类测试如下：

ublic class uploadLogoAction extends ActionSupport{ private String shopId; public String test(){ Systemerrprintln("shopId:"+shopId); } / getter and setter method / }

documentgetElementById("select")value

就是获取的选中的值啊

<select id="select" onchange="chageSelect(this)">

    <option value="1">1</option>

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

    <option value="3">3</option>

</select>

<script>

    function chageSelect(target){

        var $this = documentgetElementById("select");

        var selectedIndex = $thisselectedIndex;

        alert($thisoptions[selectedIndex]value);

        alert($thisvalue);

    }

</script>

效果一样的

以上就是关于如何获得select被选中option的value和text全部的内容，包括:如何获得select被选中option的value和text、select下拉框中的类容从数据库中读取,当选中下拉框中一项时如何取得其在数据中的id值数据库字段id，name、如何利用javascript获取表单中select下拉列表中所选中项的值value等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！