有问题的下拉列表称为subCategory,它的内容是通过选择另一个下拉类别来填充的,即它的onchange事件正在触发ajax请求。
问题是,即使子类别的内容按预期填充(可见(,并且我可以看到它们并在子类别下拉列表中选择它们,但当我执行php post时,无论我是否选择任何其他元素,我都只能获得初始选项<option value="subCategory1">Select a subcategory</option>
的值。
也许dom没有刷新,但我不确定。。
提交后直接打印$_REQUEST
的PHP
Array ( [act] => additem [category] => 200381 [subCategory] => subCategory )
HTML(已编辑(
<form id="additemform" action="add-item.php?act=additem" method="post" enctype='multipart/form-data'>
<div id="section-category">
<select id="category" class="category" name="category">
<option value="category1">Select a category</option>
{html_options values=$cat_id_array options=$cat_names_array selected=$smarty.session.additem_category}
</select>
<p class="test" id="boxCity">
<select id="subCategory" class="subCategory" name="subCategory">
<option value="subCategory1">Select a subcategory</option>
{html_options options=$smarty.session.subcategories selected=$smarty.session.additem_subcategory}
</select>
</p>
</div>
<!--/#section-category-->
<div class="bottom-area">
<input id="submit-addItem" type="button" value="Add my item" />
</div>
</form>
页面来源:
<div id="section-category">
<select id="category" class="category" name="category">
<option value="category1">Select a category</option>
<option value="200381" selected="selected">Antiques</option>
<option value="200841" >Other cat</option>
</select>
<p class="test" id="boxCity">
<select id="subCategory" class="subCategory" name="subCategory">
<option value="subCategory1">Select a subcategory</option>
<option value="23430118">Digital Art</option>
<option value="6643435">Photographic Images</option>
</select>
</p>
</div><!--/#section-category-->
JQUERY
$(function () {
//$("#subCategory").selectbox();
$("#section-category #category").selectbox({
onChange: function () {
var id=$(this).val();
var dataString = 'id='+ id;
$.ajax
({
type: "POST",
url: "findsub.php",
data: dataString,
cache: false,
success: function(html)
{
//$("#subCategory").selectbox("detach")
$("#subCategory").html(html);
// $("#section-category #subCategory").selectbox();
}
});
},
effect: "slide"
});
$('.subCategory').change(function() {
//NOTE I CAN SEE THE SELECTED VALUE OF THE SUBCATEGORY NORMALLY IN THIS ALERT
alert($(this).serialize());
return false;
});
这不起作用的原因是我有另一个选择框(再往下(,它的名称和第一个选项与子类别相同,PHP采用了这个值。
感谢