2 qq 15290009 qq_15290009 于 2016.02.03 13:20 提问

下拉列表联动多个文本框计算

图片说明

 <html>
<head>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin     
var messages = new Array(); 
messages[0] = "美元";         //这里写入每个选项对应的说明文字
messages[1] = "人民币";
messages[2] = "英镑";    
messages[3] = "日元";
messages[4] = "0.5";            //这里写入每个选项对应的说明文字
messages[5] = "0.6";

//根据需要,这里应该随着选项的改变而增减项目
function messageReveal() {  
var messageindex = document.messageForm.messagePick.selectedIndex;  //取得当前下拉菜单选定项目的序号
if(helpmsg = messages[1]){
    helpmsg = messages[2];  
    helpmsg1 = messages[3];     //根据序号取得当前选项的说明
    helpmsg2 = messages[4]; 
    helpmsg3 = messages[5]; 

    //想在这计算可以兑换的币种了  每个币种多少钱  应该看代码就看明白 嘿嘿 但是我不知道怎么就算了  每个条件里都得计算
    document.messageForm.messageField.value = helpmsg
    document.messageForm.messageField1.value = helpmsg1         //将说明写进文框
    document.messageForm.messageField2.value = helpmsg2
    document.messageForm.messageField3.value = helpmsg3
}else if(helpmsg = messages[2]){
//这个就不好使了  我不知道原因  我估计是else if()里的条件不对  当然了写的有点乱
    helpmsg4 = messages[1]; 
    helpmsg5 = messages[3];     //根据序号取得当前选项的说明
    document.messageForm.messageField.value = helpmsg4
    document.messageForm.messageField1.value = helpmsg5
}


}
// End -->
</SCRIPT>
<title>下拉菜单和文本框构建的介绍栏</title>
</head>
<body>
<form name="messageForm">
<select name="messagePick" OnChange="messageReveal()">
<option value="0">美元
<option>人民币
<option>英镑
<option>日元
</select>
金额<input id="money" type="text"  />
<br><br><br><br><br>
币种<input name="messageField" type="text" style="overflow:auto" />
兑换金额<input name="messageField4" type="text" style="overflow:auto" />
兑换利率<input name="messageField2" type="text" style="overflow:auto" /><br>
币种<input name="messageField1" type="text" style="overflow:auto" />
兑换金额<input name="messageField5" type="text" style="overflow:auto" />
兑换利率<input name="messageField3" type="text" style="overflow:auto" />
</form>
</body>
</html>
这个是我写的  但是我不知道为什么 执行第二个条件执行不了 可能是条件不对 在没个if里都要有个计算   最好在我的基础改动 这样按能看明白   如果不是 请写上注释 谢谢

7个回答

showbo
showbo   Ds   Rxr 2016.02.03 15:16
已采纳

    <form name="messageForm">
        <div class="refitem">
            币种:<select onchange="outputRst()" id="sMoney">
                   <option>请选择..</option>
                <option>美元</option>
                <option>人民币</option>
                <option>英镑</option>
                <option>日元</option>
            </select>
            金额<input type="text" id="amount" onchange="outputRst()" />
        </div>
        <br /><br />
        <table id="tbRst" border="1">
            <tr><td>币种</td><td>兑换金额</td><td>汇率</td></tr>
        </table>
    </form>

<script>
    var rate = { 美元: { 人民币: 6.5781, 英镑: 0.6943, 日元: 119.53,美元:1 } };//参考对照
    var Money = ',美元,人民币,英镑,日元,';
    var tbRst = document.getElementById('tbRst'), tr,td;
    var refMoney, refAmount, tMoney, tAmount, tRate;
    var sel = document.getElementById('sMoney');
    function outputRst() {
        //移除上一次的转换
        while (tbRst.rows.length > 1) { tr = tbRst.rows[tbRst.rows.length - 1]; tr.parentNode.removeChild(tr); }
        if (sel.selectedIndex == 0) return;

        refMoney = sel.options[sel.selectedIndex].text;//参考币种
        refAmount = parseFloat(document.getElementById('amount').value) || 0;//数量
        var arr = Money.replace(',' + refMoney + ',',',').replace(/^,|,$/g, '').split(',');//删除参考币种后拆分得到目标币种

        for (var i = 0; i < arr.length; i++) {
            tMoney = arr[i];
            if (refMoney == '美元') tRate = rate.美元[tMoney];//美元,有参考值可取,不需要计算
            else tRate = 1 / rate.美元[refMoney] * rate.美元[tMoney]; //不是美元,需要重新换算汇率

            tr = tbRst.insertRow(tbRst.rows.length);
            td = tr.insertCell(0); td.innerHTML = tMoney;
            td = tr.insertCell(1); td.innerHTML = (tRate * refAmount).toFixed(2);
            td = tr.insertCell(2); td.innerHTML = tRate.toFixed(4);
        }
    }
</script>
qq_15290009
qq_15290009 额 改不对 我吧html 上传上去 你帮我改一下呗
接近 2 年之前 回复
showbo
showbo 回复热呛: 原来的<script>.....js代码...</script>,代码保存为js文件后,script导入js文件要在原来的那个位置,不能放到 <form name="messageForm">前面
接近 2 年之前 回复
showbo
showbo 回复热呛: 放js文件里面也行,script导入的js文件要在html代码下面
接近 2 年之前 回复
qq_15290009
qq_15290009 可是我的重新放回去 是一个大块 放回去就不好使了
接近 2 年之前 回复
qq_15290009
qq_15290009 回复无聊码农: 哦哦 不能单独拿出来 只能放在html里 是吧
接近 2 年之前 回复
showbo
showbo 回复热呛: 注意代码要放到dom对象下面,要不知道不到对象,还有注意id,参考的货币id改过了
接近 2 年之前 回复
showbo
showbo 回复热呛: 这个不需要导入jquery
接近 2 年之前 回复
qq_15290009
qq_15290009 弄到js里怎么不好使了
接近 2 年之前 回复
qq_15290009
qq_15290009 额 我明白了 你这个是以美元为基础来进行汇率的
接近 2 年之前 回复
showbo
showbo 回复热呛: 这个就不清楚了,百度出来的是银行柜台的,具体对应你的中间还是什么就不太清楚了
接近 2 年之前 回复
qq_15290009
qq_15290009 回复无聊码农: 搜人民币汇率吗
接近 2 年之前 回复
qq_15290009
qq_15290009 额 俺没有看明白 什么 中间价 现汇买入价 现钞买入价 卖出价 你是选取的那个 我们这个无良老板啊 也不跟我说
接近 2 年之前 回复
showbo
showbo 回复热呛: 人民币汇率,会出现一个汇率换算的功能
接近 2 年之前 回复
showbo
showbo 回复热呛: 自己百度下汇率就有了
接近 2 年之前 回复
qq_15290009
qq_15290009 回复无聊码农: 还有你这个汇率 要拆分 可是为什么要拆分呢
接近 2 年之前 回复
qq_15290009
qq_15290009 你这个汇率是在网上找的还是自己瞎写的 说实话 我到现在还没明白这个兑换利率是啥呢 没找到
接近 2 年之前 回复
showbo
showbo 回复热呛: 嗯,如果你还有兑换其他的,增加一个项目进去,money那个变量也要增加币种进去,需要2个地方
接近 2 年之前 回复
qq_15290009
qq_15290009 人民币: 6.5781, 英镑: 0.6943, 日元: 119.53,美元:1 这个修改汇率的地方是吧
接近 2 年之前 回复
fk002008
fk002008   2016.02.03 13:32

if(helpmsg = messages[1]){

怎么只有一个=
你这是在 设值呢
它永远都是1 true

fk002008
fk002008   2016.02.03 13:33

第一个if 是true当然不会执行第二个了

showbo
showbo   Ds   Rxr 2016.02.03 13:36

helpmsg 你在哪定义的?而且比较是==,不是=
你是=的话给helpmsg赋值message[1],message[1]是人民币,判断永远为真

  if (helpmsg == messages[1]) {/////////
        helpmsg = messages[2];
        helpmsg1 = messages[3];     //根据序号取得当前选项的说明
        helpmsg2 = messages[4];
        helpmsg3 = messages[5];

        //想在这计算可以兑换的币种了  每个币种多少钱  应该看代码就看明白 嘿嘿 但是我不知道怎么就算了  每个条件里都得计算
        document.messageForm.messageField.value = helpmsg
        document.messageForm.messageField1.value = helpmsg1         //将说明写进文框
        document.messageForm.messageField2.value = helpmsg2
        document.messageForm.messageField3.value = helpmsg3
    } else if (helpmsg == messages[2]) {///////////
        //这个就不好使了  我不知道原因  我估计是else if()里的条件不对  当然了写的有点乱
        helpmsg4 = messages[1];
        helpmsg5 = messages[3];     //根据序号取得当前选项的说明
        document.messageForm.messageField.value = helpmsg4
        document.messageForm.messageField1.value = helpmsg5
    }
qq_15290009
qq_15290009 ??????
接近 2 年之前 回复
qq_15290009
qq_15290009 恩 就是外币兑换 选择币种 输入金额 下面出现一堆 可以兑换的币种 和每个币种能兑换多少钱 和兑换汇率 是对应哪个数组的啊
接近 2 年之前 回复
showbo
showbo 回复热呛: 没看明白你代码要干嘛,你的helpmsg是干嘛的?如果是上面的币种和数量换位下面的,你应该有个兑换关系
接近 2 年之前 回复
qq_15290009
qq_15290009 额 本身写的就有问题 那怎么写呢
接近 2 年之前 回复
rui888
rui888   Ds   Rxr 2016.02.03 13:40

你学点js 调试的技巧吧。这样遇到问题你就知道哪里出错,先看看debug js

qq_15290009
qq_15290009 ??????
接近 2 年之前 回复
qq_15290009
qq_15290009 debug js 搜这个就行 是吗 你也帮我看看 改怎么写呗 嘿嘿
接近 2 年之前 回复
showbo
showbo   Ds   Rxr 2016.02.03 14:33
 <html>
<head>
<title>下拉菜单和文本框构建的介绍栏</title>
</head>
<body>
    <form name="messageForm">
        <div class="refitem">
            币种:<select>
                <option>美元</option>
                <option>人民币</option>
                <option>英镑</option>
                <option>日元</option>
            </select>
            金额<input type="text" />
        </div>
        <br /><br />
        <div class="item">
            币种:<select>
                <option>美元</option>
                <option>人民币</option>
                <option>英镑</option>
                <option>日元</option>
            </select>
            金额<input type="text" readonly />
            兑换利率<input type="text" readonly />
        </div>
        <div class="item">
            币种:<select>
                <option>美元</option>
                <option>人民币</option>
                <option>英镑</option>
                <option>日元</option>
            </select>
            金额<input type="text" readonly />
            兑换利率<input type="text" readonly />
        </div>
    </form>

<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.11.1.min.js"></script>
<script>
    var rate = { 美元: { 人民币: 6.5781, 英镑: 0.6943, 日元: 119.53,美元:1 } };//参考对照
    var ipts, refMoney, refAmount, tMoney, tAmount,tRate;
    $('div.refitem :input,div.item select').change(function () {
        ipts = $(':input', 'div.refitem');
        refMoney = ipts[0].options[ipts[0].selectedIndex].text;//参考币种
        refAmount = parseFloat(ipts[1].value) || 0;//数量

        $('div.item').each(function () {
            ipts = $(':input', this);
            tMoney = ipts[0].options[ipts[0].selectedIndex].text;//目标币种
            if (refMoney == '美元') tRate = rate.美元[tMoney];//美元,有参考值可取,不需要计算
            else tRate = 1 / rate.美元[refMoney] * rate.美元[tMoney]; //不是美元,需要重新换算汇率
            ipts[1].value = (tRate * refAmount).toFixed(2);
            ipts[2].value = tRate.toFixed(4);
        });
    });
</script>
</body>
</html>
qq_15290009
qq_15290009 嗨 不是这样的 你看下面吧 我上传个图片
接近 2 年之前 回复
qq_15290009
qq_15290009   2016.02.03 14:50

图片说明

跟图片一样 当选择完币种,填入金额失去焦点之后 是图片上的这个样子的

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!