<td id="tdWell" ondblclick="editCell(this)" 如何在editCell中 用jquery动态创建select,select 有128个option,值分别是1-128, 并附加该td(id=tdwell)上,然后自动弹出让用户选择
时间: 2024-03-23 14:40:01 浏览: 114
您可以按照以下步骤使用 jQuery 动态创建 select 并将其附加到 td 元素上,并在 td 元素上触发双击事件以弹出 select 选择框:
1. 在 editCell 函数中创建 select 元素和其对应的 option 元素:
```javascript
function editCell(td) {
// 创建 select 元素
var select = $("<select></select>");
// 创建 128 个 option 元素并添加到 select 中
for (var i = 1; i <= 128; i++) {
var option = $("<option></option>").val(i).text(i);
select.append(option);
}
// 将 select 元素附加到 td 元素上
$(td).append(select);
}
```
2. 修改 td 元素的 ondblclick 事件,使其调用 editCell 函数并阻止事件冒泡:
```html
<td id="tdWell" ondblclick="editCell(this); event.stopPropagation();"></td>
```
3. 在页面加载时,为 td 元素绑定一个单击事件,以使其在单击时防止事件冒泡:
```javascript
$(document).ready(function() {
// 为 td 元素绑定单击事件
$("#tdWell").click(function(event) {
event.stopPropagation();
});
});
```
这样,当用户双击 tdWell 元素时,就会弹出一个包含 128 个选项的 select 元素供其选择。
阅读全文