您的位置:首页 > Web前端 > JQuery

javawb ajax jquery 联级下拉框

2019-06-28 10:39 1351 查看
  1. 在jsp中把本地的jquary导入,把下拉框写好。

    在head里面好:
    <script src="js/jquery.min.js"></script>
    
    (body中)
    省/直辖市
    <select id="selectSM1">
    </select>
  2. 编写相应函数,head里面的script标签里:

    $(function () {
    // 这里的select的方法是change,当这里的数据变时,会实时改变下一个框的值。
    $("#selectSM1").change(function () {
    alert("test ajax");
    $.ajax(
    {
    url:"Param/testAjax",
    contentType:"application/json;charset=UTF-8",
    data:'{"age":143,"sex":"aaa"}',
    dataType:"json",
    type:"post",
    success:function (data) {
    alert(data);
    alert(data.age);
    }
    }
    );
    });
    });
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: