html代碼這么寫

<!-- 商品屬性 -->
<table cellspacing="1" cellpadding="3" width="100%" style="display:none;" class="tab">
<tr><td>
<select name="Goods[type_id]">
<option value="0">選擇商品類型</option>
<?php foreach ($typeData as $k => $v): ?>
<option value="<?php echo $v['id']; ?>"><?php echo $v['type_name']; ?></option>
<?php endforeach; ?>
</select>
<ul id="attr_container"></ul>
</td></tr>
</table>

// 為商品類型的下拉框綁定一個事件，通過AJAX獲取屬性
$("select[name=Goods[type_id]]").change(function(){
// 獲取ajax獲取這個類型的所有的屬性
var type_id = $(this).val();
if(type_id == 0)
{
$("#attr_container").html("");
return false;
}
$.ajax({
type: "GET",
url : "__CONTROLLER__/ajaxGetAttrByTypeId/type_id/"+type_id,
dataType: "json",
success : function(data)
{
// 處理服務器返回的json數據
// 循環每一個屬性，拼成一個li的字符串，最后放到上面的ul中
// 以下語法相當于PHP中的： foreach($data as $k => $v):
var li = "";
$(data).each(function(k,v){
li += "<li>";
li += v.attr_name + " : ";
/********* 根據屬性的類型生成一個不同的表單元素 **************/
if(v.attr_type == 0)
{
// 唯一屬性
if(v.attr_option_value == "")
li += "<input type='text' name='GoodsAttr["+v.id+"]' />";
else
{
// 先把可選值轉化成一個數組
var _attr = v.attr_option_value.split(",");
li += "<select name='GoodsAttr["+v.id+"]'>";
for(var i=0; i<_attr.length; i++)
{
li += "<option value='"+_attr[i]+"'>"+_attr[i]+"</option>";
}
li += "</select>";
}
}
else
{
li += "<a href='javascript:void(0);' οnclick='clone_row(this);'>[+]</a>";
// 單選屬性
// 先把可選值轉化成一個數組
var _attr = v.attr_option_value.split(",");
li += "<select name='GoodsAttr["+v.id+"][]'>";
for(var i=0; i<_attr.length; i++)
{
li += "<option value='"+_attr[i]+"'>"+_attr[i]+"</option>";
}
li += "</select>";
}
li += "￥<input name='GoodsAttrPrice[]' type='text' value='0.00' />元";
li += "</li>";
});
// 把構造好的LI放到UL中
$("#attr_container").html(li);
}
});
});

?

在控制器中這么寫

public function ajaxGetAttrByTypeId($type_id){
$attrModel=M('attribute');
$data=$attrModel->where('type_id='.$type_id)->select();
echo json_encode($data);
}

轉載于:https://www.cnblogs.com/zt-immortals/p/4773360.html

總結

以上是生活随笔為你收集整理的商品类型的下拉框绑定一个事件，通过ajax获取属性的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。