gpt4 book ai didi

javascript - 使用JS动态添加下拉列表表

转载 作者:可可西里 更新时间:2023-11-01 13:46:31 26 4
gpt4 key购买 nike

我想动态创建一个下拉列表表。这是程序:1) 在表格第一行的第一个单元格中出现一个选择框,其中包含几个选项。2) 当用户点击一个选项时,另一个选择框出现在第一行的第二个单元格中。3) 在第三个单元格中,必须有一个按钮,单击该按钮将添加一个带有选择框的新行,如第 1 点所述。

<html>
<head>
<title>Search</title>
<script type="text/javascript">
var noRows = 1;
function func(){
var t = document.getElementById('searchTable');
var r = table.insertRow(noRows);
var col = row.insertCell(0);
var colNames = document.createElement('select');
colNames.id = 'colNames0';
colNames.name = 'colNames' + noRows;
colNames.onchange = populate;
colNames.options[0] = new Option('Select','');
for(var i = 0;i < cols.length;++i){
colNames.options[i+1] = new Option(cols[i],ids[i]);
}
colCell.appendChild(colNames);
}
function populate(){
var sel = document.getElementById("colNames" + noRows);
var col = sel.options[sel.selectedIndex].id;
if(col == "int" || col == "date" || col == "time")
populateInt();
else
populateString();
}
</script>
</head>
<body onload="func();">
<table id="searchTable">
</table>
</body>

这是我开始的代码。我在第一行的第一个单元格中动态创建了选择框,但无法获取所选选项并创建进一步的选择列表。

最佳答案

我没有看到 int、date 或 time 作为 id 分配给那里的任何选项和其他东西

var col = sel.options[sel.selectedIndex].id;

你可以像下面这样写而不是这一行

var col = sel.options[sel.selectedIndex].getAttribute('id');

关于javascript - 使用JS动态添加下拉列表表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41764700/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com