セット入力フィールドを選択変更

Question

は、私は、次のサンプルデータを持っている場合：

books = [ 
{ 
    id: 1, 
    name: Harry Potter, 
    description: test1 
}, 
{ 
    id: 2, 
    name: Forest Gump, 
    description: test2 
} 
] 

JSP

<select onchange="bookLib.changeBook()"> 
    <c:forEach var="book" items="${books }"> 
     <option value="${book.id}"> 
      <c:out value="${book.name}"/> 
     </option> 
    </c:forEach> 
</select> 

<input type="TEXT" id="descr" readonly/> 

"選択" を変更すると、私は中に$ {book.description}を設定する必要がありますid "descr"で識別されるテキスト入力。

これは、jQueryを使用してbookLib.changeBook().jsの関数で実装する必要があります。

また

Answer 1

<select onchange="bookLib.changeBook(this);"> 
    <c:forEach var="book" items="${books }"> 
     <option value="${book.id}" data-description="${book.descripton}"> 
      <c:out value="${book.name}"/> 
     </option> 
    </c:forEach> 
</select> 

<input type="TEXT" id="descr" readonly/> 

function changeBook(select) { 
    $("#descr").val($(select).find("option:selected").attr("data-description")); 
} 

、あなたがchangeBookの署名を制御することはできません場合：

<select id="books" onchange="bookLib.changeBook()"> 
    <c:forEach var="book" items="${books }"> 
     <option value="${book.id}" data-description="${book.descripton}"> 
      <c:out value="${book.name}"/> 
     </option> 
    </c:forEach> 
</select> 

<input type="TEXT" id="descr" readonly/> 

function changeBook() { 
    $("#descr").val($("#books option:selected").attr("data-description")); 
}