怎样使用ajax获取select下拉框

programclown 2011-10-09 12:52:16

怎样获取select当前选定的值，根据ajax

...全文

520 15 打赏收藏转发到动态举报

写回复

用AI写文章

15 条回复

切换为时间正序

请发表友善的回复…

发表回复

programclown 2011-10-09

打赏
举报

我如果要在.net后台用的话，怎么弄呢

风骑士之怒 2011-10-09

打赏
举报

$("#id").val();

孟子E章 2011-10-09

打赏
举报

这个功能无需ajax
s=document.getElementById("selectID")
s.options[s.selectedIndex].value
或者
s.value
就是

孟子E章 2011-10-09

打赏
举报

后台是不能获得text值的，你明白吗?你可以把text的值放在value里面啊。
当然，解决方法有多，
1，你可以放在隐藏的input name="SelectName"里面进行提交
2，使用ajax也是可以的

var arg = "SelectName=你的text内容写这里,yyyyy,zzzzz&data=测试";
var xmlhttp = window.XMLHttpRequest ? new window.XMLHttpRequest() : new ActiveXObject("MSXML2.XMLHTTP");
xmlhttp.open("POST", "xx.aspx", true);
xmlhttp.setRequestHeader("Content-Length", arg.length);
xmlhttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded;");
xmlhttp.onreadystatechange = function () {
if (xmlhttp.readyState == 4) {
if (xmlhttp.status == 200) {
alert("你提交的数据为：\r\n" + xmlhttp.responseText);
}
}
}
xmlhttp.send(arg);

后台获取

protected void Page_Load(object sender, EventArgs e)
{
Response.ClearContent();
Response.Write(Request.Params.Get("SelectName") + "\r\n" + Request.Params.Get("data"));
Response.End();
}

programclown 2011-10-09

打赏
举报

我知道select啊，就是html中的下拉框嘛，我现在想在.net后台获取这个text

孟子E章 2011-10-09

打赏
举报

[Quote=引用 5 楼 programclown 的回复:]

你这个是获取value啊
[/Quote]

你要获取什么？你知道select是干啥用的吗》
ajax你可以发送任何内容

hack_pan 2011-10-09

打赏
举报

AJAX,发送请求,把值座位参数发送给server.

不会ajax,可以去百度，，这个资料很多。

[Quote=引用 11 楼 programclown 的回复:]
那么在后台怎么获取这个值呢
[/Quote]

programclown 2011-10-09

打赏
举报

那么在后台怎么获取这个值呢

hack_pan 2011-10-09

打赏
举报

联动的话，可以把显示值和Value设为相同的。

建议你，联动的话，把value设为编号。如： <option value="1">中国 </option>

ajax请求参数为Value（即：1），编号查找比在数据库直接查找'中国' 效率也高。

Jquery版



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <title></title>



    <script src="lib/jquery-1.4.2.js" type="text/javascript"></script>



    <script type="text/javascript">

        $(document).ready(function() {

            $("#country").change(function() {

                alert($(this).val()); //获取value

                alert($(this).find("option:selected").val()); //获取value

                alert($(this).find("option:selected").text()); //获取显示值

            });

        });

        

    </script>



</head>

<body>

    <select id="country">

        <optgroup label="选择值，弹出提示">

            <option value="China">中国 </option>

            <option value="USA">美国 </option>

        </optgroup>

    </select>

</body>

</html>