Javascript 替换文本字段的值并将其显示在另一个文本字段中
我正在尝试将inr中输入的文本第一个文本字段值转换为cad,但我无法这样做, 例如,假设: 如果在第一个字段中输入的文本为1000,则在文本字段2中应显示20 我试过这样的东西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" /> <
<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的新手。欢迎你。请不要忘记标记正确答案。:)