преобразование из выпадающего меню в текстовое поле с использованием Ajax

Question

Извините за заголовок.

Как мне изменить этот код из раскрывающегося списка, чтобы ввести текстовое поле, чтобы вместо заполнения выпадающего меню входное текстовое поле заполнялось из кода getCustomer.php?

function getOrgCodes() { 
    $.ajax({ 
     url: 'getCustomer.php', 
     dataType: 'json' 
    }) 
    .done(function(orgInfo) { 
     $(orgInfo).each(function(i, orgdisplay) { 
      $('<option>').val(orgdisplay.ORGANIZATION).text(orgdisplay.ORGANIZATION).appendTo($('#deptId')); 
     }) 
    }); 
} 

Answer 1

Заменить <option> с <input type="text">.

function getOrgCodes() { 
    $.ajax({ 
     url: 'getCustomer.php', 
     dataType: 'json' 
    }) 
    .done(function(orgInfo) { 
     $(orgInfo).each(function(i, orgdisplay) { 
      $('<input type="text">').val(orgdisplay.ORGANIZATION).appendTo($('#deptId')); 
     }) 
    }); 
} 

Вам не нужно, чтобы .text(orgdisplay.ORGANIZATION) после замены. .val(orgdisplay.ORGANIZATION) установит значение внутри текстового поля.

Мини-демка: http://jsfiddle.net/rdesai/hfczjzhy/