如何使用jsp选择radiobutton来启用combobox

我有两个名为meterid和subzone的下拉列表，我的应用程序中还有两个单选按钮。如果用户选择单选按钮1，则应显示meterid下拉列表。如果用户选择收音机按钮2，则应显示子区域下拉列表。我将从mysql表中获取下拉值

我尝试了以下代码：

function select1() 

{ document.getElementById（“仪表id”）.style.display=“块”；document.getElementById（“子区域列表”）.style.display=“无”； }

函数选择2（）{
document.getElementById（“子区域列表”）.style.display=“块”；
document.getElementById（“仪表id”）.style.display=“无”；
}  
document.getElementById（“midradio”）.onclick=select1；
document.getElementById（“subzonerd”）.onclick=select2；
以下代码用于Meterid下拉列表：
仪表ID
选择仪表ID
以下代码用于子区域下拉列表：
分区
选择一个子区域

请帮帮我

从你的问题来看，不清楚问题出在哪里。（预计它没有按您希望的那样工作）

这是一个javascript问题，而不是jsp问题，因此标记是错误的

我认为您遇到了一个问题，您试图在DOM完成加载之前通过元素的ID获取元素

document.getElementById（“midradio”）.onclick=select1； document.getElementById（“subzonerd”）.onclick=select2

您应该将这两行放在HTML的末尾或DOM准备就绪后调用的函数中。请阅读以下内容：

---

您的“subzonerd”输入元素在html中已经设置了onclick函数，这以后可能会产生另一个问题。

谢谢您的回复raanan。我尝试了您所说的内容，但没有得到结果。实际上，我的问题是，如果单击meterid单选按钮，它应该会显示相关的组合框。

function select2() {
     document.getElementById("subzone_list").style.display="block";
     document.getElementById("meter_id").style.display="none";             
    }  

    document.getElementById("midradio").onclick = select1;
    document.getElementById("subzonerd").onclick = select2;

    </script>
    The following code is for Meterid dropdown lisT:
    <tr><td  width="15%" class="options0" id="tdSearchBy" colspan="5">

    <input name="r1" value="MeterID" onclick="" type="radio" id="midradio"><font size="4">Meter ID</font></td>

    <%
        Class.forName("com.mysql.jdbc.Driver");
        con = DriverManager.getConnection("jdbc:mysql://localhost:3306/suwatermeter","root","sumith");
        sqlQuery="select distinct Meterid from Meter_List";
        st=con.createStatement();

         rs=st.executeQuery(sqlQuery);
    %>


    <td  width="20%" class="options0" colspan="5">
    <select style="WIDTH: 150px" selected="true" name="meterid" id="meter_id"  onChange="this.form.submit()" style='display:none;'>
    <option>Select Meter ID</option>
    <% while(rs.next()) {%>
    <option value="<%=rs.getInt("MeterID")%>"><%=rs.getInt("MeterID")%></option>

    <% } 

    rs.close();
    st.close();
    con.close();
    %>

    </select>

    </td></tr>
    The following code is for Subzone dropdown list:
    <tr><td class="options1" id="tdSearchBy" colspan="5">

    <input name="r1" value="Subzone"  onclick="searchOptions(3)" value="subzone" type="radio" checked="checked" id="subzonerd"><font size="4">Sub zone</font></td>

     <%

        Class.forName("com.mysql.jdbc.Driver");
        con = DriverManager.getConnection("jdbc:mysql://localhost:3306/suwatermeter","root","sumith");

        String getZoneName=request.getParameter("zonelist");
        sqlQuery="select  distinct Subzone from Meter_List where Zone='"+getZoneName+"'" ;
        st=con.createStatement();
        rs=st.executeQuery(sqlQuery);
    %>
    <td  width="20%" class="options0" id="tdSearchBy" colspan="5">
    <select style="WIDTH: 150px" name="subzonelist" id="subzone_list" onchange="this.form.submit()">
    <option value="SZ">Select a Sub Zone</option>


    <% while(rs.next()){ %>
        <option value="<%=rs.getString("Subzone")%>"><%=rs.getString("Subzone")%></option>



    <%  } 

    rs.close();
    st.close();
    con.close();
    %>
    </select>