根据在另一个表单中输入的内容填充表单字段

Question

我是一个使用Web应用程序的供应商，可以使用GUI表单设计器创建表单。我目前正在尝试根据在另一个字段中选择的“组织”填充“地址”文本字段。使用查找表选择组织字段（用户单击省略号然后从列表中选择）。在表单设计器中，我可以选择向On Change，On Load和On Click字段添加脚本。

我们目前在另一种形式上做相反的事情。当用户输入邮政编码时，它会从系统中的查找表自动填充城市字段。我只是无法弄清楚On Change脚本字段中的编码方式或编码方式。

任何帮助都会很棒！

Answer 1

您可以将事件处理程序绑定到组织输入以查找更改。然后，根据组织输入的值，在地址输入上设置值。这是一个通用的例子：

<强> HTML

<select id="org">
  <option value="">Choose Org</option>
  <option value="1">home</option>
  <option value="2">work</option>
</select>
<input type="text" value="" id="address" placeholder="address">

<强> JQuery的

$('#org').change(function() {
  var addressVal = "";
  switch ($(this).val()) {
    case "1":
      addressVal = "100 Main St";
      break;
    case "2":
      addressVal = "500 Main St";
      break;
  }
  if (addressVal !== "") {
    $('#address').val(addressVal);
  }

});

JSFiddle Demo

Answer 2

通常你可以做这样的事情

$("#text-box-id").on("change", function() { ... });

现在可以使用HTML 5和现代浏览器

了

$("#text-box-id").on("input", function() { ... });

更新 -

$("#zipcode").on("input", function() {

    var zip = $(this).val();
    -- add your ajax call here and the response from the server update your controls with the values  --

});

我还会更进一步，在onchange周围添加一个正则表达式检查，这样你就不会在每次按键时都触发ajax调用。只有在满足邮政编码的正则表达式后才能启动它。