0

私は英語で最善を尽くしますが、間違いがあるかもしれません。

Google マップからマイルを取得するスクリプトに取り組んでいます。リトリーブマイルは、私が選択した数に掛ける必要があります。マイルを取得することは問題ではありません...その掛け算です。

自動的に行う必要がありますが、取得マイルからいくつかの数値を変更した場合にのみ乗算されます.

そのようなものは、入力に数字を入力した場合にのみ機能し、Google マップに入力した場合には機能しません。

このビデオビデオの意味を理解していただければ幸いです。

HTML

<input class="calculate" type="text" name="start" id="start" placeholder="VERTREK ADRES" />
<input class="calculate" type="text" name="end" id="end" placeholder="AANKOMST ADRES" />
<input id="first" class="calculate aantal " type="number" name="distance" placeholder="AANTAL KM" />
<select id=second class="calculate span5">
    <option value=2>value 2</option>
    <option value=1.50>LANCIA</option>
</select>
<br />
<p style="color:#FFF; font-size:20px;">Prijs totaal:<span id=added></span></p>
<br />
<BUTTON class="CALCULATEB span3" type="submit" value="ROUTE NAKIJKEN" onclick="calcRoute()">ROUTE NAKIJKEN</BUTTON>

jQuery

<script type = "text/javascript">         
$('input').keyup(function () {     
  // run anytime the value changes
  var firstValue = parseFloat($('#first').val()); // get value of field
  var secondValue = parseFloat($('#second').val()); // convert it to a float
  var thirdValue = parseFloat($('#third').val());
  $('#added').html(firstValue * secondValue); // add them and output it
});     
</script> 
4

1 に答える 1

0

それは、キーアップコードでしか実行していないためです...

そのような関数に入れてください....

    function getMiles(){
    var firstValue = parseFloat($('#first').val()); // get value of field
    var secondValue = parseFloat($('#second').val()); // convert it to a float
    var thirdValue = parseFloat($('#third').val());
    $('#added').html(firstValue * secondValue ); 

    }

次に、そのコードを変更するたびにキーアップで実行できます....そして、必要なときにいつでも実行できます....ページが読み込まれたときなど...

$('input').keyup(getMiles); //this will do as you had it before...


 getMiles();//this can be used at top of script, or in a callback, 
            //so that it updates on page load, or on the google map callback 

たとえば、Google からデータを取得する方法はわかりませんが、Jquery Ajax 呼び出しのふりをしましょう....次にgetMiles()、success 関数を呼び出すだけです....このように...

$.ajax({
   url: "googlemapexample.php",
   dataType: "json",
   success: getMiles
   });

またはdone関数で....成功時に他のことを行うことができます....

    $.ajax({
   url: "googlemapexample.php",
   dataType: "json",
   success: function(data){
    ///do some stuff here with data
    } }).done(getMiles);
于 2013-06-26T02:33:19.160 に答える