1

Google APIを介して通貨コンバーターを制御するために、この少しのjQueryがあります。コンバーターは既に定義された金額を取得し、ドロップダウン ボックスから別の通貨を選択すると金額を変換しますが、これは 1 回しか行われず、別の通貨を選択するには更新する必要があります。

$(document).ready(function() {
    $('.data').change(function(){
        var cost = $('.itemExtraFieldsValue').html();
        var amount = Number(cost.replace(/[^0-9\.]+/g,""));     
        var from = "GBP";
        var to = $('#toCurrency').val();
        var dataString = "amount=" + amount + "&from=" + from + "&to=" + to;

        $.ajax({
            type: "POST",
            url: "ajax_converter.php",
            data: dataString,
            success: function(data){
                $('.itemExtraFieldsValue').replaceWith(data);
            }
        });
    });
});

さまざまな通貨を使い続けることができるようにするにはどうすればよいですか? ありがとう！

編集。申し訳ありませんが、htmlをアップする必要がありました

<div id="currencyBox">
    <div class="tractor">
        <span class="itemExtraFieldsValue">£27000</span>
    </div>
    <div class="data">
        <select name="toCurrency" id="toCurrency">
            <option value="USD">United States Dollars - USD</option>
            <option value="GBP" selected>United Kingdom Pounds - GBP</option>
            <option value="CAD">Canada Dollars - CAD</option>
            <option value="AUD">Australia Dollars - AUD</option>
        </select>
    </div>
</div>

2を編集します。

これが私のテストページへのリンクです。指定された価格は事前に定義されています

http://bettondesignwork.co.uk/tim/currency/

4

3 に答える 3

1

あなたのリンクを見ると、使用itemExtraFieldsValueしたため、最初の呼び出しが行われたときに置き換えられているため、クラスを持つ要素が見つかりませんreplaceWith。これを試して： 

function(data){
    $('.itemExtraFieldsValue').html(data);
}
于 2013-08-08T11:36:30.360 に答える
0

.data選択ボックスにとって間違ったセレクターであり、div変更イベントがないため、機能しません。
あなたは変わるべきです

$('.data').change(function(){

に

$('.data select').change(function(){

また

$('#toCurrency').change(function(){

その場合、使用できます

var to = $(this).val();

あなたの価値として。

于 2013-08-08T11:37:27.813 に答える