Question

我在Bootstrap中使用JavaScript作为可编辑的表。其中三列由下拉值决定。当值被＆＃34;保存＆＃34;它们被转换为正确的文本值，但我无法将保存的下拉选项保留为＆＃34;默认值＆＃34;当他们回来编辑时。

例如：他们进入＆＃3;＆＃39;在他们的下拉列表中保存它。如果他们想要返回并编辑（可能是表格中的另一个字段），那么曾经持有3的下拉菜单现在又回到默认值1。

这是我的编辑代码：

function Edit() { 
    var par = $(this).parent().parent(); //tr 
    var tdDate = par.children("td:nth-child(1)"); 
    var tdCellNum = par.children('td:nth-child(2)');
    var tdButtons = par.children("td:nth-child(3)");                 
    tdDate.html("<input type='date' id='txtDate' value='"+tdDate.html()+"'/>"); 
    tdCellNum.html("<select id='txtCellNum'><option value=1>1</option>
    <option value=2>2</option><option value=3>3</option></select>");
    tdButtons.html("<img src='save.png' class='btnSave'/>");

有关如何从tdCellNum获取值以显示为下拉列表中的默认值的任何想法吗？

我已尝试设置select =tdCellNum and tdCellNum.val的值并使用数字将对象转换为数字。我还尝试使用其余变量设置var=tdCellNum，那么document.getElementById("tdCellNum").value=copyValue.html();和tdCellNum.val=copyValue一起但都无济于事。任何想法？谢谢！

Answer 1

最好创建元素并附加它。这样您就可以使用.val（）来选择选项。

var sel = $("<select id='txtCellNum'><option value=1>1</option><option value=2>2</option><option value=3>3</option></select>");
sel.val(tdCellNum.text());
tdCellNum.empty().append(sel);

Answer 2

您可以使用tdCellNum.text()获取字段中的值。

然后你可以这样做：

tdCellNumInt=tdCellNum.text();
tdCellNum.html("<select id='txtCellNum'><option value=1>1</option> <option value=2>2</option><option value=3>3</option></select>");
tdCellNum.find("option[value='"+tdCellNumInt+"']").prop("selected",true);

JavaScript中Dropdown的默认值

2 个答案: