以逗号或空格分隔的自动填充输入答案

【问题标题】：Autofill input separated by comma or space以逗号或空格分隔的自动填充输入
【发布时间】：2017-07-07 22:28:56
【问题描述】：

这是我的自动填充输入代码：

 $(document).ready(function(){
     $(document).on("change keyup mouseup", "#tag_content", function(){
     $("#tag_keyword").val($("#tag_content").val());
   });
 });

https://jsfiddle.net/javasalden/urxhv486/4/

如何更改 keyup mouseup 以显示输入粘贴的 2 个输入，用逗号或空格分隔？

【问题讨论】：

Java 和 Javascript 并不像 Car 和 Carpet 那样相似。
@JoeC 你完全错了。 Java 和 JavaScript 是亲戚。它们都是用咖啡冲泡的:-)。哦，还有，当 Netscape “创建” JavaScript 时，它与 Sun Systems（Java 的所有者）合作，并要求它具有与 Java 相似的语法。所以他们是相关的 :-) 不过那是在 1995 年，这两个亲戚移民到不同的国家，从那以后就再也没有见过面:-)
@RacilHilan 为此干杯。显然，我显然需要找到一个新的比喻。

标签： javascript

【解决方案1】：

首先，您将相同的 ID 分配给两个元素。 HTML 中的 ID 必须是唯一的。

其次，您按原样分配输入的值而不进行处理。用逗号分割它，这将为您提供一个包含两项的数组，因此您可以将它们中的每一项分配给两个结果框。

试试这个：

$(document).ready(function() {
  $(document).on("change keyup mouseup", "#tag_content", function() {
    var longlat = $("#tag_content").val();
    if (longlat) {
      longlat = longlat.split(",");
      $("#tag_keyword_lat").val(longlat[0]);
      if (longlat.length > 1)
        $("#tag_keyword_long").val(longlat[1]);
    }
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div class="form-group">
  <label class="col-lg-2 control-label">Data</label>
  <div class="col-lg-10">
    <input type="text" name="tag_content" id="tag_content" class="form-control" />
  </div>
</div>

<br>
<br>
<div class="dker bg-info form-group">
  <label class="col-lg-2 control-label">Latitude</label>
  <div class="col-lg-10">
    <input type="text" name="tag_keyword" id="tag_keyword_lat" class="form-control" />
  </div>
</div>

<br>

<div class="dker bg-info form-group">
  <label class="col-lg-2 control-label">Long Latitude</label>
  <div class="col-lg-10">
    <input type="text" name="tag_keyword" id="tag_keyword_long" class="form-control" />
  </div>
</div>


<br>
<br> if i paste on field data like this -7.972649,112.65860099999998
<br> that data will auto fill on field latitude and long latitude
<br>
<br> like this :
<br> latitude -7.972649
<br> longlatitude 112.65860099999998
<br>

<br>
<br> data separated by coma OR space

【讨论】：