服务器端取出来的值怎么赋给select控件!

<%=Province %> 是不是要作为option 的集合放到<select></select>之间啊?

添加runat="server"，在后台添项或传值通过JS实现数据添加
var A=   new  Array();
var s  =  document.getElementById( "" );
    for  (var i = 0 ;i < A.length;i ++ )
     {
    var option  =  document.createElement( " option " );
    var text  =  document.createTextNode(city[i]);
    option.appendChild(text);
    option.value = i;
    s.appendChild(option);

   }

为什么只有select没有option？光给select赋value有什么用？

<select id="BJUserInfo_city" name="city" value="<%=City %>"></select>
select有这样红色部分的写法吗??

没有option
我这个 select是JS省市二级联动的

我试了的
runat="server"
那么 select就加载不出
省市信息了

那你没有option哪来的下拉选项？即使是省市联动，省那下面也应该有选项不？不然你怎么联动？

这个就是我的省市代码
    <select id="BJUserInfo_province" name="province"  onchange="provinceChange(this.selectedIndex)"></select>
<select id="BJUserInfo_city" name="city"></select>JS：
<script language="JavaScript">

</script>读取的信息在 xml里面

<?xml version="1.0" encoding="utf-8" ?>
<china>
  <province name="北京" cities="北京"/>

  <province name="上海" cities="上海"/>

  <province name="天津" cities="天津"/>

  <province name="重庆" cities="重庆"/>

  <province name="安徽" cities="安庆蚌埠巢湖池州滁州阜阳合肥淮北淮南黄山六安马鞍山宿州铜陵芜湖宣城亳州"/>  <province name="福建" cities="福州龙岩南平宁德莆田泉州三明厦门漳州"/>  <province name="甘肃" cities="白银定西甘南藏族自治州嘉峪关金昌酒泉兰州临夏回族自治州陇南平凉庆阳天水武威张掖"/>  <province name="广东" cities="潮州东莞佛山广州河源惠州江门揭阳茂名梅州清远汕头汕尾韶关深圳阳江云浮湛江肇庆中山珠海"/>  <province name="广西" cities="百色北海崇左防城港桂林贵港河池贺州来宾柳州南宁钦州梧州玉林"/>  <province name="贵州" cities="安顺毕节贵阳六盘水黔东南苗族侗族自治州黔南布依族苗族自治州黔西南布依族苗族自治州铜仁遵义"/>  <province name="海南" cities="白沙黎族自治县保亭黎族苗族自治县昌江黎族自治县澄迈县定安县东方海口乐东黎族自治县临高县陵水黎族自治县琼海琼中黎族苗族自治县三亚屯昌县万宁文昌五指山儋州"/>  <province name="河北" cities="保定沧州承德邯郸衡水廊坊秦皇岛石家庄唐山邢台张家口"/>  <province name="河南" cities="安阳鹤壁济源焦作开封洛阳南阳平顶山三门峡商丘新乡信阳许昌郑州周口驻马店漯河濮阳"/>  <province name="黑龙江" cities="大庆大兴安岭哈尔滨鹤岗黑河鸡西佳木斯牡丹江七台河齐齐哈尔双鸭山绥化伊春"/>  <province name="湖北" cities="武汉鄂州恩施土家族苗族自治州黄冈黄石荆门荆州潜江神农架林区十堰随州天门仙桃咸宁襄樊孝感宜昌"/>  <province name="湖南" cities="长沙常德郴州衡阳怀化娄底邵阳湘潭湘西土家族苗族自治州益阳永州岳阳张家界株洲"/>  <province name="吉林" cities="白城白山长春吉林辽源四平松原通化延边朝鲜族自治州"/>  <province name="江苏" cities="常州淮安连云港南京南通苏州宿迁泰州无锡徐州盐城扬州镇江"/>  <province name="江西" cities="抚州赣州吉安景德镇九江南昌萍乡上饶新余宜春鹰潭"/>  <province name="辽宁" cities="鞍山本溪朝阳大连丹东抚顺阜新葫芦岛锦州辽阳盘锦沈阳铁岭营口"/>  <province name="内蒙古" cities="阿拉善盟巴彦淖尔盟包头赤峰鄂尔多斯呼和浩特呼伦贝尔通辽乌海乌兰察布盟锡林郭勒盟兴安盟"/>  <province name="宁夏" cities="固原石嘴山吴忠银川"/>  <province name="青海" cities="果洛藏族自治州海北藏族自治州海东海南藏族自治州海西蒙古族藏族自治州黄南藏族自治州西宁玉树藏族自治州"/>  <province name="山东" cities="滨州德州东营菏泽济南济宁莱芜聊城临沂青岛日照泰安威海潍坊烟台枣庄淄博"/>  <province name="山西" cities="长治大同晋城晋中临汾吕梁朔州太原忻州阳泉运城"/>  <province name="陕西" cities="安康宝鸡汉中商洛铜川渭南西安咸阳延安榆林"/>  <province name="四川" cities="阿坝藏族羌族自治州巴中成都达州德阳甘孜藏族自治州广安广元乐山凉山彝族自治州眉山绵阳南充内江攀枝花遂宁雅安宜宾资阳自贡泸州"/>        <province name="西藏" cities="阿里昌都拉萨林芝那曲日喀则山南"/>    <province name="新疆" cities="阿克苏阿拉尔巴音郭楞蒙古自治州博尔塔拉蒙古自治州昌吉回族自治州哈密和田喀什克拉玛依克孜勒苏柯尔克孜自治州石河子图木舒克吐鲁番乌鲁木齐五家渠伊犁哈萨克自治州"/>    <province name="云南" cities="保山楚雄彝族自治州大理白族自治州德宏傣族景颇族自治州迪庆藏族自治州红河哈尼族彝族自治州昆明丽江临沧怒江傈傈族自治州曲靖思茅文山壮族苗族自治州西双版纳傣族自治州玉溪昭通"/>    <province name="浙江" cities="杭州湖州嘉兴金华丽水宁波绍兴台州温州舟山衢州"/>
</china>

把你的js中的window.Option改为new Option
有两个地方，一个事createProvince里面的
另一个是provinceChange里面的

还有就是在body的onload中添加init()：
<body onload="init()">

已经添加了
没有效果
select控件这个地方不需要添加什么吗

这是我测试通过的:<!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 runat="server">
    <title></title>
    <script language="JavaScript">
        var xmldom = new ActiveXObject("Microsoft.XMLDOM");
        var province = [];
        var cities = [];
        function init() {
            xmldom.async = true;
            xmldom.onreadystatechange = statInit;
            window.setTimeout(function() { xmldom.load("city.xml"); }, 10);
        }
        function statInit() {
            if (xmldom.readyState == 4) {
                if (xmldom == null || xmldom.documentElement == null) {
                    alert("XML文件不存在或没有菜单项");
                    return;
                }
                createProvince();
            }
        }
        function createProvince() {
            var provinces = xmldom.getElementsByTagName("province");
            delitem(document.all.province);
            delitem(document.all.city);
            for (var i = 0; i < provinces.length; i++) {
                province[i] = provinces[i].getAttribute("name");
                cities[i] = provinces[i].getAttribute("cities");
                document.all.province.add(new Option(province[i], province[i]));
            }
            provinceChange(0);
        }
        function provinceChange(index) {
            var city = cities[index].split(" ");
            delitem(document.all.city);
            for (var i = 0; i < city.length; i++) {
                document.all.city.add(new Option(city[i], city[i]));
            }
        }
        function delitem(options) {
            optioncount = options.length;
            for (i = optioncount - 1; i >= 0; i--) {
                options.options[i] = null
            }
        }
    </script></head>
<body onload="init()">
    <form id="form1" runat="server">
    <div>
        <select id="BJUserInfo_province" name="province" onchange="provinceChange(this.selectedIndex)">
        </select>
        <select id="BJUserInfo_city" name="city">
        </select>
    </div>
    </form>
</body>
</html>

还是有问题
你这个没有选择的时候
出现的北京
当我选择湖北--武汉的时候
保存
此时显示的还是北京
虽然插入到了数据库
但是没有把值绑定到 select控件

所以说还是我17楼的
所说的
还需要在select添加什么

这段JS是不是必须保证客户端必须拥有city.xml?

保存的时候后台取值你要用Request.Form来取值
如省就用Request.Form["province"]
市就用Request.Form["city"]

UserInfo.province = Request.Form["province"].ToString();
UserInfo.City = Request.Form["city"].ToString();
我取出来啦
现在是怎么把UserInfo.province值赋给select控件

在后台定义两个变量:        protected string province = "广西";
        protected string city = "梧州";
        //这里我定死了，你取从数据库得到的值即可
然后把你的js修改一下:        function createProvince() {
            var provinces = xmldom.getElementsByTagName("province");
            delitem(document.all.province);
            delitem(document.all.city);
            var index = 0;
            for (var i = 0; i < provinces.length; i++) {
                province[i] = provinces[i].getAttribute("name");
                cities[i] = provinces[i].getAttribute("cities");
                document.all.province.add(new Option(province[i], province[i]));
                if (province[i] == "<%= province %>")
                    index = i;
            }
            document.all.province.selectedIndex = index;
            provinceChange(index);
        }
        function provinceChange(index) {
            var city = cities[index].split(" ");
            delitem(document.all.city);
            var index = 0;
            for (var i = 0; i < city.length; i++) {
                document.all.city.add(new Option(city[i], city[i]));
                if (city[i] == "<%= city %>")
                    index = i;
            }
            document.all.city.selectedIndex = index;
        }

不晚吧...
二级联动没这么夸张吧..
实在没办法用AJAX输出一段HTML,对select  outhtml
也可以用回调来做,这样更具多浏览器兼容了.这样的网上例子应该不少的,
var xmldom = new ActiveXObject("Microsoft.XMLDOM");
        var province = [];
        var cities = [];
        function init() {
            xmldom.async = true;
            xmldom.onreadystatechange = statInit;
            window.setTimeout(function() { xmldom.load("city.xml"); }, 10);//这段代码是否有些问题?是否必须保证客户端拥有City.xml?而且还来个settimeout...这方法感觉不友好.
        }

另外，建议你最好把document.all改为document.getElementById
因为有些浏览器是不支持document.all的

http://zhidao.baidu.com/question/88051282.html?fr=qrl
http://www.abcdown.net/InfoView/Article_291738_2.html

谢谢2位
三尾有更好的吗？
帮我推荐一个
你说的使用ajaxpro吗

ajaxpro就更容易了.我帮你看看有没有通过回调做二级联动的例子..

现在做ajax，我基本都用jquery来实现了

无限联:http://www.hbjjrb.com/Jishu/ASPNET/200704/5743.html

oj
是否能帮忙写一个
jquery 的例子
我学习下

还是希望oj
帮忙写个
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 runat="server">
    <title></title>
    <script type="text/javascript" src="js/jquery.js"></script>    <script language="JavaScript">
        var province = [];
        var cities = [];
        $(document).ready(function() {
            var ddlProv = $("#BJUserInfo_province")[0];
            $.ajax({
                url: "city.xml",
                dataType: "xml",
                success: function(xml) {
                    $(xml).find("province").each(function() {
                        var prov = $(this).attr("name");
                        var opt = document.createElement("option");
                        opt.setAttribute("value", prov);
                        opt.innerHTML = prov;
                        ddlProv.appendChild(opt);
                    });
                    provinceChange(0);
                }
            });
        });
    function provinceChange(index) {
        var ddlProv = $("#BJUserInfo_province")[0];
        var province = ddlProv.options[index].value;
        $.ajax({
            url: "city.xml",
            dataType: "xml",
            success: function(xml) {
                $(xml).find("province").each(function() {
                    if ($(this).attr("name") == province) {
                        var ddlCity = $("#BJUserInfo_city")[0];
                        ddlCity.options.length = 0;
                        var cities = $(this).attr("cities").split(' ');
                        for (var i = 0; i < cities.length; i++) {
                            var opt = document.createElement("option");
                            opt.setAttribute("value", cities[i]);
                            opt.innerHTML = cities[i];
                            ddlCity.appendChild(opt);
                        }
                    }
                });
            }
        });
    }
    </script></head>
<body>
    <form id="form1" runat="server">
    <div>
        <select id="BJUserInfo_province" name="province" onchange="provinceChange(this.selectedIndex)">
        </select>
        <select id="BJUserInfo_city" name="city">
        </select>
    </div>
    </form>
</body>
</html>

js部分修改一下:
        var cities = [];
        $(document).ready(function() {
            var ddlProv = $("#BJUserInfo_province")[0];
            $.ajax({
                url: "city.xml",
                dataType: "xml",
                success: function(xml) {
                    $(xml).find("province").each(function() {
                        var prov = $(this).attr("name");
                        var cs = $(this).attr("cities").split(' ');
                        var opt = document.createElement("option");
                        opt.setAttribute("value", prov);
                        opt.innerHTML = prov;
                        ddlProv.appendChild(opt);
                        var arr = [];
                        for (var i = 0; i < cs.length; i++) {
                            arr.push(cs[i]);
                        }
                        cities.push(arr);
                    });
                    provinceChange(0);
                }
            });
        });
    function provinceChange(index) {
        var ddlCity = $("#BJUserInfo_city")[0];
        ddlCity.options.length = 0;
        for (var i = 0; i < cities[index].length; i++) {
            var opt = document.createElement("option");
            opt.setAttribute("value", cities[index][i]);
            opt.innerHTML = cities[index][i];
            ddlCity.appendChild(opt);
        }
    }

调试易

服务器端取出来的值怎么赋给select控件!

解决方案 »