1

jsp からポップアップを表示する必要があります。コードは以下の通りです。

<form:form method="post" commandName="transactionDetails"
    align="center">
    <form:radiobutton path="plan" value="0" label="prepaid" />
    <form:radiobutton path="plan" value="1" label="postpaid" />
    <br>
    <br>Mobile Number : <br>
    <form:input path="mobile" />
    <br>

    <br>
     Operator <br>
    <form:select path="operator">
        <form:option value="Select operator">Select Operator</form:option>
        <form:option value='Aircel'>Aircel</form:option>
        <form:option value='Airtel'>Airtel</form:option>
        <form:option value='BSNL'>BSNL</form:option>
        <form:option value='Idea'>Idea</form:option>
        <form:option value='MTNL'>MTNL</form:option>
        <form:option value='MTS'>MTS</form:option>
        <form:option value='Loop Mobile'>Loop Mobile</form:option>
        <form:option value='Reliance CDMA'>Reliance CDMA</form:option>
        <form:option value='Reliance GSM'>Reliance GSM</form:option>
        <form:option value='S Tel'>S Tel</form:option>
        <form:option value='Tata DOCOMO'>Tata Docomo GSM</form:option>
        <form:option value='Tata Indicom'>Tata Docomo CDMA</form:option>
        <form:option value='Uninor'>Uninor</form:option>
        <form:option value='Videocon'>Videocon</form:option>
        <form:option value='Virgin GSM'>Virgin GSM</form:option>
        <form:option value='Virgin CDMA'>Virgin CDMA</form:option>
        <form:option value='Vodafone'>Vodafone</form:option>
        <form:option value='Cheers'>Cheers</form:option>
        <form:option value='Ping'>Ping</form:option>

    </form:select>
    <br>
    <br> Amount <br>: 
         <form:input path="amount" />





    <br>
    <br>
    <input type="submit" class="btn" value="Proceed to recharge">

ユーザーが選択演算子をクリックすると、特定の演算子が持つ計画が表示されます。私は春のmvcを使用しています。

paytmのものに似ています..

4

1 に答える 1

0

演算子呼び出しの JavaScript 関数の OnChange として

<form:select path="operator" id="operator" onChange="SelectOperator();">         
       <form:option value="Select operator">Select Operator</form:option>         
       <form:option value='Aircel'>Aircel</form:option>         
        ......
</form:select> 

Spring Controller を呼び出し、この演算子を次のように渡すことで、ポップアップを開く JavaScript 関数を記述します。

<Script language="javascript">
function SelectOperator() {
    var opr = document.getElementById("operator").value;
    window.open("NEWPOPUP","/controllerURL?operator="+opr);
}
</script>

このコントローラーから返されたページは、ポップアップとして開かれます。

于 2012-10-11T06:10:14.177 に答える