2017-07-07 51 views
0

分离这是我的代码自动填充输入:自动填充输入由逗号或空格

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

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

如何改变KEYUP鼠标松开从输入酱2输入,显示,由逗号或空格分隔?

+2

Java和JavaScript是没有更类似于比汽车和地毯对方。 –

+0

@JoeC你绝对错了。 Java和JavaScript是亲戚。他们都是用咖啡酿造的:-)。哦,还有当Netscape“创建”JavaScript时,它与Sun Systems(Java所有者)合作,并要求它具有与Java相似的语法。所以他们是相关的:-)那是在1995年,但是,这两个亲戚移民到不同的国家,从来没有见过对方:-) –

+0

@RacilHilan干杯。显然,我显然需要找到一个新的比喻。 –

回答

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