我使用XAJAX创建了一些简单的东西,它用一些php脚本创建的选项替换了select控件的内在HTML。
这在Firefox中很好用,但它在IE7中不起作用。
在XAJAX论坛上,我发现this基本上说“在IE中不起作用,使用div并用完整的select语句替换它的内部HTML”
这样做了,没关系,除了我有一个jQuery选择器在select控件上运行,现在它不再有效了。
任何人都有任何想法,或者有人能指出我如何使用jQuery做一个ajax位的好jQuery示例,所以我可以放弃XAJAX吗?
<div id=imgselect>
<select id="images">
<option value="">Then select an image</option>
</select>
</div>
Picture Preview:<br><br>
<div class="img-preview" id='preview'></div>
<script type='text/javascript'>
$('#images').change(function()
{
var image = $(this).val();
var img = $('<img/>').attr('src', image);
$('#preview').html(img);
document.getElementById('picsmall').value = image;
});
</script>
当imgselect
div
的内容被AJAX调用取代时出现问题
答案 0 :(得分:0)
现在使用
解决了这个问题$objResponse->script
命令
为了完整起见,如果有人想在将来看到,我的原始页面设置如上:
<div id=imgselect>
<select id="images">
<option value="">Then select an image</option>
</select>
</div>
然后在我的xajax php文件中
function getphotos()
{
$objResponse = new xajaxResponse();
//this include assigns all the options to the select controll into the $output var
include "photos.photosselect.php";
$objResponse->assign("imgselect", "innerHTML", "$output");
$objResponse->script("$('#images').change(function() {var image = $(this).val(); var img = $('<img/>').attr('src', image); $('#preview').html(img); document.getElementById('picsmall').value = image;});");
return $objResponse;
}