Выбор значения элемента в HTML-таблице с помощью jquery - PullRequest
Новая
       23

Выбор значения элемента в HTML-таблице с помощью jquery

0 голосов
/ 31 января 2011

Моя таблица: 

<script type="text/javascript">
 $(".icon_add").live("click", function(e) {
                e.preventDefault();
                var $link = $(this);
                var docid = $($(this).parent().children("input[type=hidden][id=DocId]")[0]).val();
                var doctitle = $($(this).parent().children("input[type=hidden][id=DocTitle]")[0]).val(); // For getting the value of 'DocTitle' - undifined
                alert(doctitle);
                var grpid = $('#BldGrpId').val();
                var contents = '<li><span class="remove_item"><a href="#"> &nbsp;</a>' + doctitle + '</li>';
                $("#LstBldDoc").append(contents);
                $("#LstDocTemp tr[id='" + docid + "']").remove();
                $.post("/BuildGroup/EditDocTempForBldGrp", { docId: docid, bldGrpId: grpid });
            });
   </script>
<table id="LstDocTemp" class="grid_view" border="0" cellpadding="0" cellspacing="0">
                <tbody>
                    <tr>
                        <th class="selct_column" align="left">
                            &nbsp;
                        </th>
                        <th class="selct_column" align="left">
                            <input name="checkbox6" id="chkSelectAll" type="checkbox" />
                        </th>
                        <th class="doc_title_1" align="left">
                            Document title
                        </th>
                        <th class="description" align="left">
                            Description
                        </th>
                        <th class="revision" align="center">
                            Revision
                        </th>
                        <th class="part_no" align="left">
                            Parts name
                        </th>
                        <th class="issue_no" align="center">
                            Issue
                        </th>
                        <th class="actions" align="center">
                            Actions
                        </th>
                    </tr>
                    <% int slNo = 1; %>
                    <%foreach (var item in Model)
                      { %>
                    <tr id="<%= Html.Encode(item.DocId) %>">
                        <td>
                            <%--<%= slNo %>--%>
                        </td>
                        <td>
                            <input type="checkbox" name="chkItem" class="chk" id="chkbox_<%=Html.Encode(item.DocId) %>" />
                        </td>
                        <td>
                            <%= Html.Hidden("DocTitle", item.DocTitle)%>
                            <a href='<%= Url.Action("DetailsDocumentTemplate", "Document", new { id = item.DocId })%>'>
                                <%=Html.Encode(item.DocTitle) %></a>
                        </td>
                        <td align="left">
                            <%--<%= Html.Hidden("DocDesc", item.DocDesc)%>--%>
                            <%= Html.Encode(item.DocDesc) %>
                        </td>
                        <td align="center" class="dark_highlight">
                            <%--<%= Html.Hidden("DocRevision", item.DocRevision)%>--%>
                            <%= Html.Encode(item.DocRevision) %>
                        </td>
                        <td align="left">
                            <%= Html.Hidden("PartListId", item.PartListId)%>
                            <%--<%= Html.Hidden("PartNo", item.PartNo)%>--%>
                            <%= Html.Encode(item.PartNo) %>
                        </td>
                        <td align="center" class="light_highlight">
                            <%--<%= Html.Hidden("IssueNo", item.IssueNo)%>--%>
                            <%=Html.Encode(item.IssueNo) %>
                        </td>
                        <td align="center">
                            <%= Html.Hidden("DocId", item.DocId)%>
                            <a class="icon_add" title="Add">Add</a>
                        </td>
                    </tr>
                    <%slNo++;
                      } %>
               </tbody>
            </table>

Здесь предупреждение (doctitle);всплывает "неопределенный".Мне нужно получить значение DocTitle (скрытое поле) при нажатии «addSelected».

Пожалуйста, кто-нибудь может мне помочь из этого ??

1 Ответ

0 голосов
/ 31 января 2011

Вы не можете использовать один и тот же идентификатор несколько раз - но, очевидно, вы делаете это, поскольку вы используете статический идентификатор в цикле. Это в основном нарушает все - вы не можете ожидать, что селекторы будут работать правильно с дублирующимися идентификаторами.

После исправления, следующий код должен работать, чтобы получить значение скрытого поля: 

$link.closest('tr').find('input:hidden[name=DocTitle]').val();

Объяснение: Сначала поднимайтесь вверх по дереву DOM, начиная с $ link, пока текущий элемент не станет <tr>. Затем найдите скрытые поля ввода с заданным именем и получите его значение.

...