0

データベースからの値のリストをドロップダウンで表示する以下のコードがあります。このクエリは、Jt_JOB_Description も選択します。テキストエリアで選択した JT_JOB_TITLE に基づいて Jt_JOB_Description を表示したいと思います。助けてください。

<select  name="jTitle" id="jTitle" style="background-color: #D8D8D8">
<%

Statement stt = conn.createStatement();
ResultSet rstt = stt.executeQuery("SELECT JT_JOB_TITLE, JT_JOB_DESCRIPTION FROM     uap.dbo.UAP_JOB_TITLE ORDER BY JT_JOB_TITLE");
 while (rstt.next()) { 
%>
 <option value="<%=rstt.getString("JT_JOB_TITLE")%>">        <%=rstt.getString("JT_JOB_TITLE")%>
 </option>
<%
 }
 stt.close();
 rstt.close();
 %>
 </select>

   <textarea class="styled" rows="5" cols="12" name="jDesc" id="jDesc" ></textarea>
4

1 に答える 1

1

以下のようにコードを変更します 

<select  name="jTitle" id="jTitle" style="background-color: #D8D8D8" onchange="setText(this)">
<%
String str=""; 
Statement stt = conn.createStatement();
ResultSet rstt = stt.executeQuery("SELECT JT_JOB_TITLE, JT_JOB_DESCRIPTION FROM uap.dbo.UAP_JOB_TITLE ORDER BY JT_JOB_TITLE");
while (rstt.next()) { 
str+=rstt.getString(1)+"@"+rstt.getString(2)+"#"; 
%>
<option value="<%=rstt.getString("JT_JOB_TITLE")%>"><%=rstt.getString("JT_JOB_TITLE")%>
</option>
<%
}
stt.close();
rstt.close();
%>
</select>

<input type="hidden" name="txtHidStr" id="txtHidStr" value="<%=str %>" /> 

<textarea class="styled" rows="5" cols="12" name="jDesc" id="jDesc" ></textarea>

そして、次のJavaScript関数を書いてください

function setText(element){
var arr_main=document.getElementById("txtHidStr").value.split("#");
for(i=0;i<arr_main.length;i++)
{
     arr_val=arr_main[i].split("@");
     if(arr_val[0]==element.value)
     {
        document.getElementById("jDesc").innerHTML=arr_val[1];
        break;
     }
}
}
于 2012-09-05T12:07:52.993 に答える