タイトルにあるように、コードに直接アクセスして実際に学習します。 コードをコピー コードは次のとおりです: jquery動的読み込み選択ドロップダウン オプションを実装します <br>function init(){ <br>makemoduleSelect(); /Load template ドロップダウン Box options<br>function makemoduleSelect(){ <br>$.ajax({ <br>url : 'indexStatisticsAction_getSelect.jsp', <br>data: { page:'clientindexStatistics.jsp',method :'get_modtitlecode'}, <br>成功: function(result){ <br>$("#makemodule").append(result); <br>} <br>}); ; <br>< /head> <br><body onload="init()"> <br>ドロップダウンボックス<name="makemodule" id="makemodule" style='width:130px' onchange='makemoduleSelected()' > <br><オプション> <br></select></body>上記の HTML がロードされると、onload 属性が body タグに設定されているため、対応する JavaScript 関数が実行されます。最後に、この関数を見てみましょう: <br><br>url 属性。これは AJAX ジャンプ URL に似ています。ここでは、以下に示すように、同じパスの下にある jsp ページ (indexStatisticsAction_getSelect.jsp) を使用します。これは、 <br>success 属性 (jquery ajax リクエストが正常に返されたことを示します) 実行されるコード ($("#makemodule") はドロップダウン ボックスを指します)。 <br> </div>以下は、ajax が要求した URL に対応する JSP です。JDBC 関連のパッケージはここで削除され、必要に応じて JDBC については詳しく説明しません。 <br><br><br><br><br>コードをコピー<br><br><br> コードは次のとおりです:<div class="codetitle"><span> <a style="CURSOR: pointer" data="66439" class="copybut" id="copybut66439" onclick="doCopy('code66439')"><%@ page import="java .util. "%> <u><%@ page import="java.sql.ResultSet"%> </u><%@ page import="java.io.PrintWriter"%> </a>< % </span>String userId = (String) session.getAttribute("userid"); </div>String Method = request.getParameter("method"); <div class="codebody" id="code66439">String fromPage = request.getParameter("page") ); <BR>String sql1 = "userid = '?userId?' および modulename_en='?modulename_en?' から modtitlename,modtitlecode を選択します。<BR>System.out.println("---取得) select_option from: " fromPage "----" new Date()); <BR><BR>//テンプレート オプションを取得<BR>if(method.equals("get_modtitlecode")){ <BR>String sql = sql1 .replace( "?userId?",userId); <BR>if(fromPage.equals("acindexStatistics.jsp")){ <BR>sql = sql.replace("?modulename_en?","acsta"); 🎜>} else if(fromPage.equals("apindexStatistics.jsp")){ <BR>sql = sql.replace("?modulename_en?","apsta"); <br>}else if(fromPage.equals(") clientindexStatistics.jsp ")){ <br>sql = sql.replace("?modulename_en?","terminalsta"); <BR>} <BR>System.out.println(sql); <BR>StringBuffer rsOption = new StringBuffer() ; <BR>DB = new Db(); <BR>db.prepareQuery(); <BR>ResultSet rs = db.executeQuery(sql); null && rs .next()) { <BR>rsOption.append("<option value='" rs.getString("modtitlecode") "'>" StringOperator.ISO2GB(rs.getString("modtitlename")) "< /option>"); <br>} <br>rs.close(); <br>} catch (例外 e) { <br>e.printStackTrace(); db.endQuery (); <br>} <br>PrintWriter pout = response.getWriter(); <br>pout.flush(); close() ; <br>} <br>%> <br><br> <br>上記の SQL ステートメントは、選択ドロップダウン ボックスの表示値と実際の値の 2 つの値を取得します。 <option> を設定して返すだけです。</span></div>