javascript - 自动填充输入，以逗号或空格分隔

Question

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

 $(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 个输入中，并以逗号或空格分隔？

Answer 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