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

时间:2017-07-07 22:28:57

标签: javascript

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

Type 'void' is not assignable to type 'Promise<ConnectionData>'.

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

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

1 个答案:

答案 0 :(得分:1)

首先,您要为两个元素分配相同的ID。 HTML中的ID必须是唯一的。

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

试试这个:

&#13;
&#13;
$(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]);
    }
  });
});
&#13;
<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
&#13;
&#13;
&#13;