Question

抱歉，我是jquery的新手，我不知道这个逻辑是否可以应用？希望可以获得一些指导。我已经完成了自动填充文本框，但是如何将用户从值中的键限制为文本框？执行此操作的方式是因为我需要将描述存储到数据库中，不幸的是，当用户从文本框中选择列表项时，他们可以编辑项的描述。怎么预防这个？任何帮助将不胜感激。

Jsfiddle：Sample How to configure Akka behind NAT

Answer 1

只需将禁用属性添加到您不想更改的输入字段。

您可以这样添加：

<div class="ui-widget">
    <label for="tags">Items:</label>
    <input id="tags" /><br/><br/><br/>
    <label for="tags">Color:</label>
    <input id="COLOR" disabled="disabled" /><br/><br/>
    <label for="tags">PRICE:</label>
    <input id="PRICE" disabled="disabled" /><br/><br/>
    <label for="tags">QTY  :</label>
    <input id="QTY" disabled="disabled" />
</div>

Answer 2

修改自动完成功能，使selectonly字段在select上。如果用户取消选择，您还需要清除这些字段：

   $("#tags").autocomplete({
      source: availableTags,
      focus: function (event, ui) 
      {
            event.preventDefault();
            $("#tags").val(ui.item.label);
        },
      select: function (event, ui) {
            event.preventDefault();
            $("#COLOR").val(ui.item.value);
            $("#COLOR").attr('readonly',true);
            $("#PRICE").val(ui.item.value2);
            $("#PRICE").attr('readonly',true);
            $("#QTY").val(ui.item.value3);
            $("#QTY").attr('readonly',true);
            $("#tags").val(ui.item.label);
        }
    });

fiddle

如何在自动填充文本框中限制用户键中的其他值

2 个答案: