JQuery選擇插件+ AJAX加載動態選擇

我正在使用選擇的jQuery插件。它在（document）.ready中工作正常，但是我有一個按鈕，單擊它時，會使用ajax動態創建更多選擇對象，以便使用「選擇」功能。然而，在添加新的select元素之後，只有這個新元素可以正常工作，而其他元素不會：如果我有一個select並最近添加了一個新的select javascript（通過單擊select等獲取下拉列表）僅適用於最後一個。這裏是動態地添加新的選擇元素，我的JavaScript代碼：JQuery選擇插件+ AJAX加載動態選擇

$('#submit').click(function() { 
    alert("hello"); 
    var drop = document.getElementById('Select_chzn'); 
    var spans = drop.getElementsByTagName('span')[0]; 
    var chosen = spans.innerHTML; 
    $.post('${pageContext.request.contextPath}/getfield', { 
     'fieldName': chosen 
    }, 

    function (result) { 
     document.getElementById('content') 
      .innerHTML += result; 

    }); 
    setTimeout(doChosen, 100); 
    event.preventDefault(); 
}); 
}); 

function doChosen() { 
    $(".chzn-select").chosen(); 
}

我感謝所有幫助。

來源

2013-06-21 Andrey Yaskulsky

你的意思是，選擇不工作或所選擇的風格並不適用於他們？ – Terence

我的意思是選擇不起作用。選擇的風格工作正常。 –

如果您想要動態選擇所選插件，只需觸發liszt更新，然後更改即可。的例子讓我們說MyDropDown是下拉ID，然後

$('#MyDropDown').val('value you want').trigger("liszt:updated").trigger("change");

作品對我來說

來源

2013-08-29 04:29:41 RRttcc1234

JQuery選擇插件+ AJAX加載動態選擇

回答

相關問題