ajax 后台传值 select 下拉框选中赋值到多个文本框 input

最新推荐文章于 2023-10-31 15:03:23 发布

腾云网络

最新推荐文章于 2023-10-31 15:03:23 发布

阅读量1.1k

点赞数

分类专栏： tp5 js 文章标签： js jquery json ajax

本文链接：https://blog.csdn.net/tyweb_nte/article/details/106501322

版权

tp5 同时被 2 个专栏收录

12 篇文章 0 订阅

订阅专栏

1 篇文章 0 订阅

订阅专栏

HTMl部分

<select name=""   id="name"   >
    <option value="0" selected>请选择</option>
    <option value="1">第一个</option>
    <option value="2">第二个</option>
</select>
<input value=""  id="orderPrice">
<input value=""   id="orderPrices">

JS部分

要引入 jq 文件

  $("#name").change(function(){
        //alert($(this).children('option:selected').val()); 获取select框选中的option的value
        var id = $('#name').children('option:selected').val();
        $.ajax({
            type: "GET",
            url:  "cs?id=" + id ,
            data: {id:id},
            dataType: "json",
            success: function(data){
               // console.log(data)
                $('#orderPrice').val(data.name);
                $('#orderPrices').val(data.id);
            }
        });
    })