2015-09-01 26 views
2

分離領域我有谷歌地圖給我的座標值到一個領域,但我需要保持這一領域,並已不知何故coppied到另外2場複製一半用逗號

<input class="coordinates">50.48820,13.64855</input> 
<input class="longtitude"></input> 
<input class="latitude"></input> 

至於我的嘗試去我提出這個

var s1=document.getElementById('coordinate'); 
var s2=document.getElementById('longtitude'); 
s1.onchange=function(){ 
s2.value=s1.value; 
} 

,但我沒有想出什麼辦法來實現由逗號

回答

3
<input id="coordinates" value="50.48820,13.64855"></input> 
<input id="longtitude"></input> 
<input id="latitude"></input> 

var s1=document.getElementById('coordinates'); 
var s2=document.getElementById('longtitude'); 
var s3=document.getElementById('latitude'); 
s1.onchange=function(){ 
    s2.value=s1.value.split(",")[0]; 
    s3.value=s1.value.split(",")[1]; 
} 

工作小提琴:http://jsfiddle.net/uzso33av/

+0

我很高興地看到,有些人還用香草JS,而不是JQuery的做簡單的任務,像這樣。 +1爲了輕盈。 – noKid

+0

@noKid你是否因使用jQuery而失望? –

+0

工程,非常先生。 –

0

使用split功能相分離。

http://www.w3schools.com/jsref/jsref_split.asp

$('.coordinates').change(function(){ 
 
    var a = $(this).val().split(','); 
 
    $('.longtitude').val(a[0]); 
 
    $('.latitude').val(a[1]); 
 
}).trigger('change');
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input class="coordinates" value="50.48820,13.64855" /> 
 
<input class="longtitude" /> 
 
<input class="latitude" />