0

当组合框的选择发生变化时,我希望将特定的数组项设置为输入标记的值。

    <%@ page language="java" import="java.util.*;" pageEncoding="ISO-8859-1"%>

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
        <head>
        </head>
    <script language="javascript">

    function check()
        {
            if(!validate())
                return false;
        }

    function validate()
        {
            if (document.form.amount.value <=0)
            {
                alert ("Please enter valid loan amount.");
                return false;
            }
            else
                return true;
        }

        var arr = new Array();
        arr[0] = new Array("-select-", "10.0","10.5", "12.0");

        function change(combo1) {
            document.getElementById("rate").style.visibility = "visible";
            var sel = document.getElementById("combo1");
        var val = document.getElementById("rate").value;
        for(var i = 0, j = sel.options.length; i < j; ++i) {
            if(sel.options[i].innerHTML == val) {
               sel.selectedIndex = i;
               break;
            }
        }
    }

}
    </script>
        <jsp:include page="include.jsp"></jsp:include>

        <body>
            <br>
            <form action="PaymentServlet.do" name="form" method="post"
                ONSUBMIT="return check()">
                <fieldset>
                    <legend>
                        <font style="font-family: sans-serif" size="4px" color="Megenta">Online Loan
                            Application Page</font>
                    </legend>
                    <br />

                    Loan Type
                    <select name="combo1" onchange="change(this);">
                        <option value="0">
                            -Select-
                        </option>
                        <option value="1">
                            Home Loan
                        </option>
                        <option value="2">
                            Education Loan
                        </option>
                        <option value="3">
                            Car Loan
                        </option>
                    </select>
                    <br />

                    Interest Rate(%)<input type="text" name="rate" style="visibility: hidden;">
                    <br />
                    Loan Amount
                    <input type="text" name="loanamount" />
                    <br />
                    <input type="submit" name="go" value="o Go o" />
                </fieldset>
            </form>
        </body>
    </html>

根据贷款类型,我想从数组中选择相应的利率,并希望将此数组项用作 name="rate" 的输入标签的值。

4

3 回答 3

0

如果你的数组定义像

arr[0] = new Array("-select-", "10.0","10.5", "12.0");

然后

function change(combo1) {
    document.getElementById("rate").style.visibility = "visible";
    var rate = document.getElementById("rate");
    rate.value = arr[0][combo1.selectedIndex];
}
于 2013-03-24T20:01:50.310 回答
0

要获取组合框的值,您需要执行以下操作:

var val = sel.options[sel.selectedIndex].value;

sel是你的组合框

于 2013-03-24T19:29:40.223 回答
0

您不能通过将document.getElementById("elementid")名称作为参数来使用。参数必须是id元素而不是名称。

实际上你不需要使用 document.getElementById 因为你this在 change 函数中作为参数返回。this指实际的元素。

所以你的更改功能应该是这样的,

function change(combo1) {
       document.getElementById("rate").style.visibility = "visible";
       document.getElementById("rate").value = arr[combo1.selectedIndex];
}

您的数组定义也是错误的。对的来了,

var arr = new Array();
arr[0] = new Array("-select-", "10.0","10.5", "12.0");

var arr = new Array("-select-", "10.0","10.5", "12.0");

最后别忘了为速率输入添加 id 属性,

<input type="text" id="rate" name="rate" style="visibility: hidden;">

这是完整的代码和一个DEMO

<script language="javascript">

function check()
    {
        if(!validate())
            return false;
    }

function validate()
    {
        if (document.form.amount.value <=0)
        {
            alert ("Please enter valid loan amount.");
            return false;
        }
        else
            return true;
    }

    var arr = new Array("-select-", "10.0","10.5", "12.0");

    function change(combo1) {
        document.getElementById("rate").style.visibility = "visible";
       document.getElementById("rate").value = arr[combo1.selectedIndex];
}

</script>
    <body>
        <br>
        <form action="PaymentServlet.do" name="form" method="post"
            ONSUBMIT="return check()">
            <fieldset>
                <legend>
                    <font style="font-family: sans-serif" size="4px" color="Megenta">Online Loan
                        Application Page</font>
                </legend>
                <br />

                Loan Type
                <select name="combo1" onchange="change(this);">
                    <option value="0">
                        -Select-
                    </option>
                    <option value="1">
                        Home Loan
                    </option>
                    <option value="2">
                        Education Loan
                    </option>
                    <option value="3">
                        Car Loan
                    </option>
                </select>
                <br />

                Interest Rate(%)<input type="text" id="rate" name="rate" style="visibility: hidden;">
                <br />
                Loan Amount
                <input type="text" name="loanamount" />
                <br />
                <input type="submit" name="go" value="o Go o" />
            </fieldset>
        </form>
    </body>
于 2013-03-24T19:41:28.827 回答