Question

我有谷歌地图给我一个字段的坐标值，但我需要保留这个字段，并以某种方式与另外两个字段coppied

<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;
}

但我没有想出用逗号实现分离的任何方法

Answer 1

<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/

Answer 2

使用split功能。

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

＆＃13;

$('.coordinates').change(function(){
  var a = $(this).val().split(',');  
  $('.longtitude').val(a[0]);
  $('.latitude').val(a[1]);
}).trigger('change');

＆＃13;

<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" />

＆＃13;

复制以逗号

2 个答案: