Question

自动填充输入可让您的生活更轻松。但是，我正在开展一个项目，客户坚持要求普通输入（单选按钮，复选框组和下拉选项）。我不想更改服务器端代码并计划编写一个javascript函数来在客户端创建这些表单元素。我认为最好的方法是给一个纯文本框输入一个类，然后用函数将它转换为最终的输入类型。但我不想重新发明轮子，所以我想我会检查这是否已经完成。谷歌没有带来预期的结果，所以我转向SO，你见过这样的功能/插件吗？

Answer 1

如果我正确理解你的问题，你想要一个包含大量文本输入的表单，然后在客户端上将其转换为其他形式的输入（复选框等）？我不确定我是否真的理解这一点的动机（我认为只是提供一个与客户想要的相匹配的形式更容易），但你应该能够使用replaceWith或相关函数来做到这一点

虽然你的描述中似乎缺少某些东西，但是你需要编辑服务器端以便在每个输入上放置一个类，那么为什么不改变那里的类型呢？

Answer 2

现在有一个;）这里是slightly modified 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>');

  });

});

有没有ajax`select`？

2 个答案: