изменение значения входного сигнала с изменением выбора опций меню

Question

Это Javacript для получения же category_name в поле ввода, как и в окне выбора , но я не знаю код для получения моего CATEGORY_ID и category_desc за тот же

<script type="text/javascript"> function filltxtbox(){ var e = document.getElementById("sel"); var strUser = e.options[e.selectedIndex].text; document.getElementById("txtselname").value=strUser; document.getElementById(defcatid).value } </script>

Это код страницы jsp, с помощью которого я задал значения по умолчанию, но я хочу, чтобы эти значения менялись по мере изменения значения параметра выбора, если вам нужна какая-либо другая информация, пожалуйста, дайте мне знать.

   <%! Connection con = null;%> 
       <%! Statement st = null;%> 
       <%! ResultSet rs = null;%> 
       <% 
        Class.forName("sun.jdbc.odbc.JdbcOdbcDriver"); 
        con = DriverManager.getConnection("jdbc:derby://localhost:1527/mydb1", "mydb", "mydb"); 
        st = con.createStatement(); 
        rs = st.executeQuery("SELECT category_id, category_name FROM Category"); 
        con.setAutoCommit(false); 
       %> 
       <tr> 
        <td> 
         CATEGORY NAME 
        </td> 
        <td> 
         <%-- using select tag --%> 
         <select id="sel" onchange="filltxtbox()"> 
          <% 
           String catname = null; 
           int catid = 0; 
           while (rs.next()) { 
            catname = rs.getString(2); 
            catid = rs.getInt(1); 
            out.println("<option value=" + catid + ">" + catname + "</option>"); 
           } 
          %> 
         </select> 
        </td> 
        <jsp:setProperty name="category" property="*"/> 
        <%--// category_id input --%> 
       <tr> 
        <td> 
         CATEGORY ID 
        </td> 
        <td> 
         <% rs = st.executeQuery("SELECT category_id FROM Category"); 
          if (rs.next()) { 
           int defcatid = rs.getInt(1); 
           out.print("<input type = 'text' name = 'category_id' id='txtselid' value ='" + defcatid + "' size = '30'/> "); 
          } 
         %> 
        </td> 
       </tr> 

       <%--// category_name input --%> 
       <tr> 
        <td> 
         CATEGORY NAME 
        </td> 
        <td> 
         <% rs = st.executeQuery("SELECT category_name FROM Category"); 
          if (rs.next()) { 
           String defcatname = rs.getString(1); 
           out.print("<input type = 'text' name = 'category_name' id='txtselname' value ='" + defcatname + "' size = '30'/> "); 
          } 
         %></td> 
       </tr> 

       <%--// category_desc input --%> 
       <tr> 
        <td> 
         CATEGORY DESCRIPTION 
        </td> 
        <td><% 
         rs = st.executeQuery("SELECT category_desc FROM category"); 
         if (rs.next()) { 
        String defcatdesc = rs.getString(1); 
        out.print("<textarea name='category_desc' rows='10' cols='50' >" +defcatdesc + "</textarea>"); 

}%> `

Answer 1

называют этот метод с использованием onChange() для выбора окна.

function filltxtbox(){ 
    document.getElementById("textBoxId").value = 
    document.getElementById("selectBoxId").options[e.selectedIndex].value; 
    } 

document.getElementById("selectBoxId").options[e.selectedIndex].text это даст выбранный тест (т.е. category_desc)