Javascript 替换文本字段的值并将其显示在另一个文本字段中

Javascript 替换文本字段的值并将其显示在另一个文本字段中,javascript,jquery,Javascript,Jquery,我正在尝试将inr中输入的文本第一个文本字段值转换为cad,但我无法这样做, 例如,假设: 如果在第一个字段中输入的文本为1000,则在文本字段2中应显示20 我试过这样的东西 <label>Price</label> <input id="price_inr" name="price_inr" type="text" class="validate" required placeholder="Price in INR" /> <

我正在尝试将inr中输入的文本第一个文本字段值转换为cad,但我无法这样做, 例如,假设: 如果在第一个字段中输入的文本为1000,则在文本字段2中应显示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>
价格
$('price#inr')。更改(函数(){
$('#price_cad').val($(this.val());
});
$(“#价格"cad”)。关于(“更改”,函数(){
$(this).val(函数(索引,值){
返回值。替换(price\u cad.value,price\u cad.value/50);
});
});

无需使用两个
更改事件,您可以一步完成

$('#price_inr').change(function () {
    $('#price_cad').val($(this).val() / 50);
});
不要忘记在第一个输入字段中添加验证程序验证,该字段检查输入的值是否为有效数字

这里还要注意的一点是,当输入失去焦点时,
change
将被触发。您可以尝试改用
keyup
,也许它更适合您的需求


祝您好运。

使用jquery 1.11运行良好

第二部分
$(“#price_cad”)。由于“readonly”属性,在(“change”)上,function()
将不起作用

更改和编辑将允许来回更改

$('price#inr')。更改(函数(){
$('#price_cad').val($(this.val());
});
$(“#价格"cad”).更改(函数(){
$('price_inr').val($(this.val()/50);
});

价格

什么是
price\u cad
返回值。替换(price\u cad.value,price\u cad.value/50);
?我已经这样做了,但它不起作用,可能是我写错了什么,你能告诉我怎么做吗,因为我是JQ的新手。欢迎你。请不要忘记标记正确答案。:)