使用JavaScript在表格行内提供链接

Question

我正在使用JavaScript将值从下拉值传递到表中。

我需要在表格的最后一行提供一个链接。 我尝试了以下代码，但无法正常工作。 有人可以提出任何其他想法吗？

$("#btnadd").click(function(){
    var lov_name  = $("#lov_name option:selected").text();
    var lov_value = $("#lov_value").val();
    var markup    = "<tr><td>" + lov_name + "</td><td>" + lov_value + "</td><td><a href="#"> Edit</a></td></tr>";

    $("table tbody").append(markup);
    $(".alert-success").css('display','block');
});

Answer 1

更改var markup = "<tr><td>" + lov_name + "</td><td>" + lov_value + "</td><td><a href="#"> Edit</a></td></tr>";

至

var markup = "<tr><td>" + lov_name + "</td><td>" + lov_value + "</td><td><a href='#'> Edit</a></td></tr>";

注意在a href='#'的引号

 $("#btnadd").on('click',function(){ var lov_name = $("#lov_name option:selected").text(); var lov_value = $("#lov_value").val(); var markup = "<tr><td>" + lov_name + "</td><td>" + lov_value + "</td><td><a href='#'> Edit</a></td></tr>"; $("table tbody").append(markup); $(".alert-success").css('display','block'); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <select id="lov_name"> <option value="1">One</option> <option value="2">Two</option> <option value="3" id="lov_value">Three</option> </select> <button id="btnadd">Add row</button> <span class="alert-success" style="display: none;"></span> <table> <tbody> </tbody> </table>