0

JQuery Mobile を使用して Android アプリを作成しています。これらのアプリでは、ユーザーが望む通貨を変換したいのですが、その時間とその日の通貨レートはグローバルにチェックする必要があります

HTML5 の場合:-

 <label for="amount">Convert this amount:</label>
    <input type="text" name="amount" id="amount" value="" />
 <div class="data">
    <label for="fromCurrency">From this currency:</label>
    <select name="fromCurrency" id="fromCurrency">
      <option selected="" value="EUR">Euro - EUR</option>
      <option value="USD">United States Dollars - USD</option>
      <option value="GBP">United Kingdom Pounds - GBP</option>
      <option value="CAD">Canada Dollars - CAD</option>
      <option value="AUD">Australia Dollars - AUD</option>
      <option value="JPY">India Rupees - JPY</option>
    </select>
</div>
<div class="data">
    <label for="toCurrency">To this currency:</label>
    <select name="toCurrency" id="toCurrency">
      <option value="USD">United States Dollars - USD</option>
      <option value="GBP">United Kingdom Pounds - GBP</option>
      <option value="CAD">Canada Dollars - CAD</option>
      <option value="AUD">Australia Dollars - AUD</option>
      <option value="JPY">Japan Yen - JPY</option>
      <option value="INR">India Rupees - INR</option>
    </select>
</div>

    <input type="button" name="convert" id="convert" value="Convert" />

    <div id="results"></div>

JQuery の場合:-

  $(document).ready(function() {
     $('#convert').click(function(){
         var amount = $('#amount').val();
         var from = $('#fromCurrency').val();
         var to = $('#toCurrency').val();
         var dataString = "amount=" + amount + "&from=" + from + "&to=" + to;
            $.ajax({
               type: "POST",
               url: "http://www.google.com/ig/calculator?hl=en&q="+dataString,
               data: dataString,
               success: function(data){
                $('#results').show();
                $('#results').html(data);
               }
            });
         });
     });

私がここでやった間違いは来ていません

私を助けてください

ヘッドタグ内で、次のスクリプトを使用しています

  <meta name="viewport" content="width=device-width,initial-scale=1">
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.css" />
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.js"></script>
 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
4

1 に答える 1