这是我自动填充输入的代码:
$(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 个输入中,并以逗号或空格分隔?
最佳答案
首先,您将相同的 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
关于javascript - 自动填充输入,以逗号或空格分隔,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44980534/