如何在select选项中返回数据

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

inheritance人我的小提琴： http ： //jsfiddle.net/te2wF/32/

inheritance我的代码：

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(""); tdAge.html(""); tdGender.html(tdGender.html()); tdButtons.html(""); $(".btnSave").bind("click", Save); $(".btnEdit").bind("click", Edit); $(".btnDelete").bind("click", Delete); }; 

Answer 1

工作演示

解决的问题很少：

1.更新了Editfunction，以提供选择选项，以选择最后一个选择来编辑选择。

 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(""); tdAge.html(""); if(tdGender.html().toLowerCase() == "female") { tdGender.html("MaleFemale"); } else { tdGender.html("MaleFemale"); } tdButtons.html(""); $(".btnSave").bind("click", Save); $(".btnEdit").bind("click", Edit); $(".btnDelete").bind("click", Delete); }; 

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

3.在“ Addfunction中， select标记包含另外的> 。 在我的代码中删除它。

Answer 2

在这里你有： http ： //jsfiddle.net/edgarinvillegas/te2wF/33/

主要的2个变化是我们将选择的html存储在var中：

 var genderSelectHtml = "MaleFemale"; 

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

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

干杯，来自玻利维亚拉巴斯