Jquery Chosen Ajax вызов не рендеринг опций

Question

Я использую JQuery 1.6.4 и выбираю 1.4.1. Я сталкиваюсь с проблемой при рендеринге вариантов из AJAX. Следующий мой код.

<script type="text/javascript"> 
 
    jQuery(document).ready(function(){ 
 
\t \t jQuery(".chzn").data("placeholder","Select Frameworks...").chosen(); 
 
\t \t jQuery("#item").chosen().change(function(e, params){ 
 
\t \t \t values = jQuery("#item").chosen().val(); 
 
\t \t \t $('#item_selected').val(values); 
 
\t \t }); 
 
\t }); 
 

 

 
$('#customer').click(function() { 
 
    
 
    var url = "ajax_common.php?action=getItem&companyid=1"; 
 
    $.ajax({ 
 
    type: 'GET', 
 
    url: url, 
 
    dataType: 'html', 
 
    success: function(data){ 
 
     $("#item option").remove(); 
 
     $("#item").append(data); 
 
     $("#item").trigger("liszt:updated"); 
 
    } 
 
    }); 
 
    </script> 
 

<select class="chzn inpt-fld" multiple="true" name="item" id="item" style="width: 96%"> 
 
</select>

Но значение не добавляя в множественного выбора в раскрывающемся списке?

Answer 1

Проблема, похоже, возникла из-за того, как вы выдаете ответ ajax. Динамически невозможно добавить параметры в теге select, поскольку он не относится к текущему выбору. Значение this select не может определить параметры, которые ранее не существовали (как жесткий код).

Вы должны включить select и option вместе в ajax_common.php и визуализировать в div как innerHtml.

// inside ajax_commond.php : 
<select class="chzn inpt-fld" multiple="true" name="item" style="width: 96%"> 
<option> xxxx </option> 
</select> 

// render the ajax response in : 
<div id="item"></div>