jQueryはドロップダウンリスト選択時にjsonデータを取得する方法を実現する

732 ワード

この例では、jQueryがドロップダウンリストの選択時にjsonデータを取得する方法について説明します.皆さんの参考にしてください.具体的には以下の通りです.

function populateDropDown() {
 $.getJSON('/getData.aspx',{Name:$('#parm').val()},function(data){
  var select = $('#DDLControl');
  var options = select.attr('options');
  $('option', select).remove();
   $.each(data, function(index, array) {
   options[options.length] = new Option(array['variety']);
  });
 });
}
 
$(document).ready(function() {
 populateDropDown();
 $('#DDLchangeData').change(function() {
  populateDropDown();
 });
});

本文で述べたことが皆さんのjQueryプログラム設計に役立つことを願っています.