세트 입력 필드의 경우 변경을 선택

Question

I가 다음과 같은 샘플 데이터 :

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

JSP 변경되면 "선택", 나는에 $ {book.description}을 설정해야

<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/> 

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")); 
} 

을