如果我在数据库中有如下的bookd_ids和book_titles:
id | title
---------------
1 | abc
2 | xyz
3 | pqr
视图如下所示::
<table>
<tr>
<td>
<%= select("books", "book_id", Book.all.collect {|b|
[ b.title, b.id ] },{:include_blank => false})%>
</td>
<td>
<img src="/images/add_icon.png"
alt="Add Book" width="20px" height="20px" onclick="AddBook()" />
</td>
</tr>
<tr>
<td id="current">
<br />
Current Books<br />
<p id="none" style="font-style: italic; font-weight: lighter">
None Selected</p>
</td>
</tr>
<tr>
<td id="tdbook"></td>
<td id="tdbookimg"></td>
</tr>
</table>
当我点击add_icon.png图片时,它会在selectedbooks标题下添加所选书籍。如果我多次这样做,它会在选定的书籍下添加多个选定的行。
AddBook()函数写为:
function AddBook(){
count = count + 1;
$('#none').hide();
var id = $("#books_book_id").val();
$("#tdbook").append("<p id='row" + id + "'><label for='txt" + id + "'>" +$("#books_book_id option:selected").text() + "</label></p>");
$("#tdbookimg").append("<p id='rowimg" + id + "'></p>");
}
我可以通过这种方式通过jquery获得一本书的ID:
var id = $(“#books_book_id”)。val();
添加多个项目时如何获取多个ID。这样我就可以获得控制器中的值。
谢谢, 库马尔
答案 0 :(得分:1)
Kumar--尝试为选定的书籍提供类似的课程:
$("#books_book_id").addClass("selected");
以后您可以通过以下方式选择它们:
$(".selected").val();