代码之家  ›  专栏  ›  技术社区  ›  Majid Fouladpour

有Ajax的“select”吗?

  •  0
  • Majid Fouladpour  · 技术社区  · 14 年前

    自动完成输入使生活更容易。但是,我正在做一个项目,客户坚持要有普通的输入(单选按钮、复选框组和下拉选择)。我不想更改服务器端代码并计划编写一个javascript函数来在客户端创建这些表单元素。我认为最好的方法是给一个纯文本框输入一个类,并用函数将其转换为最终的输入类型。但我不想重新发明轮子,所以我想我会检查一下这是否已经完成了。Google没有带来预期的结果,所以我转向So,你见过这样的功能/插件吗?

    2 回复  |  直到 14 年前
        1
  •  0
  •   Mark Bessey    14 年前
        2
  •  0
  •   Majid Fouladpour    14 年前

    slightly modified jsfidle

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

    $(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>');
    
      });
    
    });