峡山飞云 2017-02-06 09:55 采纳率: 100%
浏览 1017
已采纳

javascript问题,急求各位大神,在线等,真的很着急! 新年好

具体说明如下,可能有些麻烦,希望能给代码写的详细些
步骤1.后台传一个省份的名称;
步骤2.下拉框如果选择这个省份;
步骤3.下面的市区下拉框可以选择对应的市区;
如果,步骤2选择的是别的省份,步骤3置灰不可选。

其实就是跟着步骤1的值作出相应选择,

图片说明

  • 写回答

6条回答 默认 最新

  • Go 旅城通票 2017-02-06 11:45
    关注
     省:<select id="pro">
        <option value="">省份</option>
          <option value="北京">北京</option>
          <option value="上海">上海</option>
          <option value="广西">广西</option>
    </select>
    市:<select id="city"><option value="">市区</option></select>
    <script>
        var selectedPro = '广西';///这个js变量值改为你从服务器取到的
        //市区数组
        var arrCity = [];
        arrCity['北京'] = [{ t: '北京市' }];
        arrCity['上海'] = [{ t: '上海市' }];
        arrCity['广西'] = [{ t: '南宁市' }, { t: '桂林市' }, { t: '柳州市' }];
    
        document.getElementById('pro').onchange = function () {
            if (this.value == selectedPro) addOptions(document.getElementById('city'), arrCity[this.value]);
            else document.getElementById('city').selectedIndex = 0;
            document.getElementById('city').disabled = this.value != selectedPro;///和后台传来的值不一样禁用
        }
        function addOptions(s, arr) {
            if (!arr || arr.length == 0) arr = [{ t: '市区' }];
            if (!s) { alert('select对象不存在!'); return false }
            s.options.length = 1;
            for (var i = 0; i < arr.length; i++) s.options.add(new Option(arr[i].t, arr[i].t));
        }
    </script>
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(5条)

报告相同问题?

悬赏问题

  • ¥15 #MATLAB仿真#车辆换道路径规划
  • ¥15 java 操作 elasticsearch 8.1 实现 索引的重建
  • ¥15 数据可视化Python
  • ¥15 要给毕业设计添加扫码登录的功能!!有偿
  • ¥15 kafka 分区副本增加会导致消息丢失或者不可用吗?
  • ¥15 微信公众号自制会员卡没有收款渠道啊
  • ¥100 Jenkins自动化部署—悬赏100元
  • ¥15 关于#python#的问题:求帮写python代码
  • ¥20 MATLAB画图图形出现上下震荡的线条
  • ¥15 关于#windows#的问题:怎么用WIN 11系统的电脑 克隆WIN NT3.51-4.0系统的硬盘