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

我试图将在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>

来源

2017-02-03 Kushagra Varade

什么''中返回value.replace price_cad'（price_cad.value，price_cad.value/50）;' ？ – Igor

我已经这样做了，但它不工作，可能是我写了一些错误，请问我该怎么做，因为我是新的jq –

没有必要使用两个change事件，可以一步到位做到这一点。

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

不要忘记将证明者验证添加到第一个输入字段，它检查输入的值是否是有效的数字。

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

祝你好运。

来源

2017-02-03 16:40:09

它的工作使我感谢，感谢姆拉登 –

不客气。请不要忘记标记正确的答案。 :) –

使用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" />

来源

2017-02-03 16:42:08 LordNeo

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

回答

相关问题