【发布时间】:2019-05-06 03:46:58
【问题描述】:
我有一个选择菜单,用户可以在其中选择一个类别,然后他们从该类别中选择一个企业。每个业务都是一个li和一个tag。一旦用户选择了业务链接,就会出现一个表格。但是,我无法让表格出现,因为我无法获取链接的值或文本。有人可以帮助我在单击链接后获取链接的值或文本。
function clickListingLink(businessLinkSelected) {
// function is for when a link is clicked after list of businesses appear
$('#listOfBusinesses').on('click', 'li', function() {
seeListingInfoTable(businessLinkSelected);
$("hr").show();
});
}
function seeListingInfoTable(businessLinkSelected) {
// function is for table that shows info of specific link clicked
var tbl = "";
tbl += '<table class="table table-hover">';
tbl += '<tbody>';
tbl += '<caption class="listingTitle">' + titleOfBusinessSelected +
'</caption>';
tbl += '<tr>';
tbl += '<th>Address</th>';
tbl += '<th>Phone Number</th>';
tbl += '<th>Website</th>';
tbl += '<th>Specialty</th>';
tbl += '</tr>';
tbl += '<tr>';
tbl += '<td><div class="row_data" edit_type="click" col_name="fname">' +
businessLinkSelected["Address"] + '</div></td>';
tbl += '<td><div class="row_data" edit_type="click" col_name="fname"> +
businessLinkSelected["Phone Number"] + '</div></td>';
tbl += '<td><div class="row_data" edit_type="click" col_name="fname">' +
businessLinkSelected["Website"] + '</div></td>';
tbl += '<td><div class="row_data" edit_type="click" col_name="fname">' +
businessLinkSelected["Specialty"] + '</div></td>';
tbl += '</tr>';
tbl += '</tbody>';
tbl += '</table>';
$(document).find("#infoTable").html(tbl);
} // line ends seeListingInfoTable function
还附上我的项目到目前为止的工作方式的屏幕截图。您将在图像中看到的是下拉选择,然后您将看到选项列表出现。这是用户选择链接的地方,一旦他们点击链接,就会出现一个表格,其中包含有关所选业务的信息:
【问题讨论】:
-
代码显示点击一个 li 并且您的 html 生成一个表格?清单在哪里?所以阅读文本?
$(this).text() -
不,它没有生成表格。一旦用户单击 2 li 链接中的 1 个链接,就会出现一个包含该业务信息的表格。它没有发生
标签: javascript jquery function hyperlink