xajax并选择

时间:2009-03-20 15:50:26

标签: jquery ajax xajax

我使用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调用取代时出现问题

1 个答案:

答案 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;
}