Есть ли ajax `select`?

Question

Автозаполнение вводов облегчает жизнь. Однако я работаю над проектом, в котором клиент настаивает на использовании обычных входов (переключатели, группы флажков и выпадающие списки). Я не хочу изменять код на стороне сервера и планирую написать функцию javascript для создания этих элементов формы на стороне клиента. Я думаю, что лучший подход состоит в том, чтобы дать классному текстовому вводу класс и преобразовать его с помощью функции в конечный тип ввода. Но я не хочу изобретать велосипед, поэтому я решил проверить, было ли это уже сделано. Google не принес ожидаемых результатов, поэтому я перехожу к SO, вы видели такую ​​функцию / плагин?

Answer 1

Теперь есть один;) здесь слегка измененный jsfidle (потому что мы не хотим получать данные с реального сервера). Код в реальном приложении будет выглядеть примерно так:

Разметка

Please choose the product:<br/>
<!-- not all products; only what we have on stock -->
<input type="text" id="product">

JS

$(document).ready(function() {

  $.getScript('available_products.php', function() {

    // we assume the server would return an array like this:
    // var products = ['33712:Product A', '12501:Product B', '14619:Product C'];

    var myoptions = '';
    $.each(
    products, function(n, p) {
        var pp = p.split(':');
        var i = pp[0];
        var v = pp[1];
        myoptions += '<option value="' + i + '">' + v + '</option>';
    });

    $('#product').replaceWith('<select id="product">' + myoptions + '</select>');

  });

});

Answer 2

Если я правильно понимаю ваш вопрос, вы хотите отправить форму с набором текстовых входов, а затем преобразовать ее на клиенте в другие формы ввода (флажки и т. Д.)? Не уверен, что я действительно понимаю мотивацию для этого (было бы проще просто предоставить форму, которая соответствует желанию клиента, я думаю), но вы должны быть в состоянии сделать это, используя replaceWith или связанные функции.

Кажется, что-то здесь не хватает в вашем описании - вам все равно нужно отредактировать серверную часть, чтобы в любом случае поместить класс на каждый вход, так почему бы просто не изменить тип там вместо этого?