zoukankan      html  css  js  c++  java
  • 城市二级联动及只改变城市无法选中id值的解决办法代码示例

        $(function (id) {
    function changge(id){
    $("select[name='city']").click(function(){
    $(this).find("option[value='"+id+"']").prop("selected","selected")
    })
    }
    $("button[type='submit']").click(function(){
    var uid = $("select[type='city']").val();
    changge(uid);
    });
    //ajax根据省份获取对应的城市和地区
    $('#province').change(function () {
    var id = $(this).val();
    console.log(id);
    if (id == 0) {
    $('#city').html('<option value="0">请选择城市</option>');
    // $('#area').html('<option value="0">请选择地区</option>')
    return false;
    }
    $.get('/ajax_city', {id: id}, function (data) {
    var html = '';
    var area = '';
    $.each(data.city, function (i, n) {
    html += '<option value="' + n.id + '">' + n.name + '</option>';

    });
    // $.each(data.area, function (k, v) {
    // area += '<option value="' + v.id + '">' + v.name + '</option>';
    //
    // });
    $('#city').html(html);
    // $('#area').html(area);
    }, 'json');
    });

    })
  • 相关阅读:
    自动化测试常用断言的使用方法
    python接口自动化-有token的接口项目使用unittest框架设计
    postman
    HTML5基础
    HTML基础
    Web常见产品问题及预防
    JSON语法详解
    HTTP协议详解
    接口理论详解
    设计模式之装饰者模式
  • 原文地址:https://www.cnblogs.com/chen1970s/p/7122252.html
Copyright © 2011-2022 走看看