jquery 获取下拉列表的值+TP5后台

<div class="form-group">
                            <label class="col-sm-2 control-label">商品类别</label>
                            <div class="col-sm-8">
                                <select class="input-sm form-control" id="cate_id" name="cate_id">
                                    <option value="">请选择商品分类</option>
                                    {foreach name="clist" item="li"}
                                    <option value="{$li.id}" {if condition="isset($data.cate_id) && $data.cate_id eq $li.id"}selected{/if} >{$li.title}</option>

                                    <!--
                                        <optgroup label="{$li.title}">{$li.title}</optgroup>                            <option value="{$li.id}" {if condition="isset($data.cate_id) && $data.cate_id eq $li.id"}selected{/if} >{$li.title}</option>
                                    -->
                                    {notempty name="li.list"}
                                    {foreach name="li.list" item="son"}
                                    <option value="{$son.id}"  {if condition="isset($data.cate_id) && $data.cate_id eq $son.id"}selected{/if}>|-{$son.title}</option>
                                    {/foreach}
                                    {/notempty}
                                    {/foreach}
                                </select>
                            </div>
</div>


       <script>
                           $(function() {
                               $('select').change(function() {
                                   var p = this.selectedIndex;
                                   q = $('option').eq(p).val();
                                   alert(q)
   
                                   $(function(){
                                       //请求参数
                                       var list = {cate_id:q};
                                       //
                                       $.ajax({
                                           //请求方式
                                           type : "POST",
                                           //请求的媒体类型
                                           contentType: "application/json;charset=UTF-8",
                                           //请求地址
                                           url : "{:url('product/listcate')}",
                                           //数据,json字符串
                                           data : JSON.stringify(list),
                                           //请求成功
                                           success : function(result) {
                                               console.log(result);
   
                                           },
                                           //请求失败,包含具体的错误信息
                                           error : function(e){
                                               console.log(e.status);
                                               console.log(e.responseText);
                                           }
                                       });
                                   });
                               })
                           }) </script> ```

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值