js实现在一个input框输入时另一个input同步显示

在我做的一个项目中有一个功能需求是：

当输入美元价格时，另一个输入框内同步显示相应的人民币价格。

<dl><dt>单 价（USD）：</dt><dd><input type="text" id="USD" name="USD" value="" onchange="getrmb()"></dd><dt>（RMB）：</dt><dd><input type="text" id="RMB" name="RMB" value="" ></dd>
</dl>

JS事件：

<script type="text/javascript">function getrmb(){var num1 = document.getElementById('USD').value; //获取第一个输入框的值if (isNaN(num1)) {  //如果为非数字，结果为空document.getElementById('RMB').value = "";} else {  //将第二个输入框设置为美元值乘以汇率的结果document.getElementById('RMB').value = num1*6.33;}}</script>

（我们自己的针对PHP新人的社区：http://www.newphper.com/，欢迎光顾）

js实现在一个input框输入时另一个input同步显示相关推荐

js控制input框输入数字时，累计求和
input框输入数字时,自动开始计算累加 <div class="form-group"> <label for="inputPassword3&quo ...
js实现文本框输入时同步出现模糊搜索列表
做项目的时候遇到类似于淘宝搜索[鞋],出现[皮鞋][运动鞋]这样的模糊搜索功能需求,效果如下: 下面是简单实现方式 html部分 <div class="fubao-serch&quo ...
input框输入身份证时实现动态脱敏
输入时实现动态脱敏现有一需求在输入框内输入身份证的时候只保留前两位和后两位剩下的用 *代替也就是 12345678910 就会输入时动态呈现为 12********10 思路在input框 ...
如何禁止input框输入特殊字符
如何禁止input框输入特殊字符前端开发中可能会碰到input框禁止输入特殊字符的情况,下面是解决办法,输入框内只能输入字母数字和基本汉字,亲测有效. HTML部分 <div class=&q ...
input框聚焦时，提示文字上移
如图所示,期望实现下图效果当input框聚焦时,提示词上移且样式改变,如果input输入了值,则提示词不还原位置,如果不存在,提示词还原位置. 思路: 移动词为label,当input.onfocu ...
vue,原生html—input框输入银行卡4位分开、手机号344分隔
vue,原生html-input框输入银行卡4位分开.手机号344分隔效果图: 1.uni-app写input框 (注意type类型不能为number,这是一个坑,我理解到-数字框只能输入数字不能显 ...
通过JS代码动态生成HTML表格(Table),Input框,Button按钮.并且通过Input框的值进行查询动态生成数据填写在指定的表格里
本人公众号上线啦!!! 公众号与博客名一样:没有腹肌的程序猿公众号文章类型:工作上所遇到的需求实现方案分享. 此外也会提供一些数据集供大家使用.(这个还在规划中,毕竟打工人时间挺紧的,哈哈哈哈) 到 ...
uniapp微信小程序开发如何解决input框或者（textarea）框输入时界面被顶起，输入法遮盖输入框的问题？
最近在写微信小程序开发,客服吐槽,点击输入时界面总是被顶起来,输入框也被遮挡了一半,以下是解决方案. 首先将输入框设置为不向上顶页面的参数如下输入框参数 :adjust-position=" ...
JS实现在输入框内输入@时，邮箱账号自动补全
<!DOCTYPE HTML> <html lang="en"> <head> <meta charset="utf-8&quo ...
html页面input框输入不了,input框不能输入问题
input框不能输入问题今天在写程序设计登录页面的时候遇到了一个问题:输入框不能输入! 就是我写着写着想测试一下功能,就发现输入框不能输入了.???还能出现这种问题??就很疑惑,然后就搜了搜无法输入 ...

js实现在一个input框输入时另一个input同步显示

（我们自己的针对PHP新人的社区：http://www.newphper.com/，欢迎光顾）

js实现在一个input框输入时另一个input同步显示相关推荐

最新文章

热门文章