Question

我在这里有一个问题，因为当我保存我的数据时，我可以获得选项框的值，但是点击编辑按钮时它是相同的..我想要做的是它将成为带有值的选项框首先显示

继承我的代码：

function Edit(){
    var par = $(this).parent().parent(); //tr
    var tdName = par.children("td:nth-child(1)");
    var tdAge = par.children("td:nth-child(2)");
    var tdGender = par.children("td:nth-child(3)");
    var tdButtons = par.children("td:nth-child(4)");

    tdName.html("<input type='text' id='txtName' value='"+tdName.html()+"'/>");
    tdAge.html("<input type='text' id='txtage' value='"+tdAge.html()+"'/>");
    tdGender.html(tdGender.html());
    tdButtons.html("<input type='button' value = 'Save' class='btnSave'/><input type='button' value='Delete' class='btnDelete'/>");

    $(".btnSave").bind("click", Save);
    $(".btnEdit").bind("click", Edit);
    $(".btnDelete").bind("click", Delete);
};

Answer 1

您可以：http://jsfiddle.net/edgarinvillegas/te2wF/33/

我们将select html存储在var：

中

var genderSelectHtml = "<select class='gender'><option></option><option value='Male'>Male</option><option value='Female'>Female</option></select>";

然后在编辑时，重新创建选择：

$(genderSelectHtml).val(tdGender.html()).appendTo(tdGender.empty());

来自玻利维亚拉巴斯的欢呼声

Answer 2

Working Demo

几个问题已解决：

1。更新了Edit功能，提供了一个选择选项，可以选择最后一个选项来编辑选择。

function Edit() {
        var par = $(this).parent().parent(); //tr
        var tdName = par.children("td:nth-child(1)");
        var tdAge = par.children("td:nth-child(2)");
        var tdGender = par.children("td:nth-child(3)");
        var tdButtons = par.children("td:nth-child(4)");

        tdName.html("<input type='text' id='txtName' value='" + tdName.html() + "'/>");
        tdAge.html("<input type='text' id='txtage' value='" + tdAge.html() + "'/>");
        if(tdGender.html().toLowerCase() == "female") {
            tdGender.html("<select class='gender'><option></option><option>Male</option><option selected>Female</option></select>");
        } else {
            tdGender.html("<select class='gender'><option></option><option selected >Male</option><option >Female</option></select>");
        }
        tdButtons.html("<input type='button' value = 'Save' class='btnSave'/><input type='button' value='Delete' class='btnDelete'/>");

        $(".btnSave").bind("click", Save);
        $(".btnEdit").bind("click", Edit);
        $(".btnDelete").bind("click", Delete);
    };

2。您的代码无法找到isNumberKey功能。所以，我将它移到了范围之外，以便可以从任何地方访问它。

3。在Add函数中，select标记包含额外的>。在我的代码中删除了它。

如何在select选项中返回数据

2 个答案: