2017-02-03 70 views
0

我試圖將在inr中輸入的文本第一個文本字段值轉換爲cad,但我無法這樣做,例如 假設: 如果先輸入文本場是1000,應該顯示20文本字段中的兩個 我已經試過這樣的事情替換文本字段的值,並將其顯示在另一個文本字段中

<label>Price</label> 

    <input id="price_inr" name="price_inr" type="text" class="validate" required placeholder="Price in INR" /> 
    <input id="price_cad" name="price_cad" type="text" class="validate" required readonly="readonly" placeholder="Price in CAD" /> 
    <!-- Script coverts INR to CAD --> 
    <script> 
     $('#price_inr').change(function() { 
     $('#price_cad').val($(this).val()); 
     }); 
     $("#price_cad").on("change", function() { 
     $(this).val(function(index, value) { 
     return value.replace(price_cad.value, price_cad.value/50); 
     }); 
     }); 
    </script> 
+1

什麼''中返回value.replace price_cad'(price_cad.value,price_cad.value/50);' ? – Igor

+0

我已經這樣做了,但它不工作,可能是我寫了一些錯誤,請問我該怎麼做,因爲我是新的jq –

回答

0

沒有必要使用兩個change事件,可以一步到位做到這一點。

$('#price_inr').change(function() { 
    $('#price_cad').val($(this).val()/50); 
}); 

不要忘記將證明者驗證添加到第一個輸入字段,它檢查輸入的值是否是有效的數字。

這裏還要注意的一點是,當輸入失去焦點時,change將被觸發。您可以嘗試使用keyup,也許它會更符合您的要求。

祝你好運。

+0

它的工作使我感謝,感謝姆拉登 –

+0

不客氣。請不要忘記標記正確的答案。 :) –

0

使用jquery 1.11可以正常工作。

第二部分$("#price_cad").on("change", function()由於「只讀」屬性而不起作用。

改變它,編輯將允許變化來回

$('#price_inr').change(function() { 
 
    $('#price_cad').val($(this).val()); 
 
}); 
 

 
$("#price_cad").change(function() { 
 
    $('#price_inr').val($(this).val()/50); 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<label>Price</label> 
 

 
    <input id="price_inr" name="price_inr" type="text" class="validate" required placeholder="Price in INR" /> 
 
    <input id="price_cad" name="price_cad" type="text" class="validate" required placeholder="Price in CAD" />

相關問題