<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> ```
jquery 获取下拉列表的值+TP5后台
最新推荐文章于 2023-06-26 21:51:24 发布