select で選択した内容を load する
※SAStruts を使ったアプリで
JavaScript が分かっていないのでこんな些細なことでもハマってしまったので今後のためにメモ。
やりたかったこと:select で選択したIDの詳細画面を jQuery の load を使って表示する。
JSP の関係ある部分だけ抜粋。
【select】
<form name="formOther"> <ul> <li> <select name="selectOtherTask" onChange="linkOtherTask()"> <c:forEach var="task" items="${tasks}"> <option value="${task.id}">${task.name}</option> </c:forEach> </select> </li> </ul> </form>
function linkOtherTask(){ obj = document.formOther.selectOtherTask; // もっといい方法があるはず index = obj.selectedIndex; if (index != 0){ id = obj.options[index].value; if(id != -1) { $('#body').load(id); // body は <div id="body"> で囲っている } } }