对象显示对象而不是按钮
obJect Object showing instead of button
我有一个表,我正在通过js构建,如果这张表的行正在从jquery模态对话框关闭后填充,数据显示在每一行,但我想要的也是一个按钮显示在每一行进一步处理是需要的。
当我将按钮添加到列时,它显示的是[object object]而不是按钮。我在这里看了一个类似的问题,在专栏中没有得到任何东西。我很了解JS,可以使用一些帮助的代码如下。我似乎不知道我做错了什么。
$(function () {
var dialog, form,
skuNumber = $("#skuNumber");
productName = $("#productName");
description = $("#description");
quantity = $("#quantity");
border = $("#border");
inkColor = $("#inkColor");
allFields = $([]).add(skuNumber).add(productName).add(description).add(quantity).add(border).add(inkColor);
tips = $(".validateTips");
function addItem() {
var remove = $('<input type="button" id="remove" value="remove" style="width:80px" class="btn btn-danger" />');
var td = $("<td></td>");
td.append(remove);
var valid = true;
allFields.removeClass("ui-state-error");
if (valid) {
$("#myTest tbody").append("<tr>" +
"<td>" + skuNumber.val() + "</td>" +
"<td>" + productName.val() + "</td>" +
"<td>" + description.val() + "</td>" +
"<td>" + quantity.val() + "</td>" +
"<td>" + border.val() + "</td>" +
"<td>" + inkColor.val() + "</td>" +
"td" +
"</tr>");
dialog.dialog("close");
}
return valid;
}
dialog = $("#dialog-form").dialog({
autoOpen: false,
height: 550,
width: 650,
modal: true,
buttons: {
"Add A Line Item": addItem,
Cancel: function () {
dialog.dialog("close");
}
},
close: function () {
form[0].reset();
allFields.removeClass("ui-state-error");
}
});
form = dialog.find("form").on("submit", function (event) {
event.preventDefault();
addItem();
});
$("#add").button().on("click", function () {
dialog.dialog("open");
});
我将td添加到下面的表中,我在代码
中注释了td<table id="myTest" class="table table-responsive">
<thead>
<tr>
<td>Sku Number</td>
<td>Product Name</td>
<td>Description</td>
<td>Quantity</td>
<td>Border</td>
<td>Ink Color</td>
<td>Action</td>
</tr>
</thead>
<tbody>
<tr>
@*<td>Test</td>
<td>Test</td>
<td>Test</td>
<td>Test</td>
<td>Test</td>
<td>Test</td>
<td><input type="button" id="remove" value="remove" style="width:80px" class="btn btn-danger" /></td>*@
</tr>
</tbody>
</table>
只需将td变量添加到表中:
$('#myTest> tbody tr:last').append(td);
范例:https://jsfiddle.net/00q44gyf/
相关文章:
- JQuery示例不起作用-“;对象没有't支持属性或方法'按钮'&”;
- 当使用ajax并将html数据保存为对象时,收听浏览器返回按钮.好的或坏的
- 在Sahi中获取[对象]作为按钮值
- 破坏相位器.通过按钮点击图像对象会导致TypeError
- 当对象中的所有变量都为false时,AngularJs禁用按钮
- HTML按钮的作用类似于从键盘按下的键,并在某些对象或整个网站上起作用
- 如何根据单击的按钮动态删除特定对象的 html 元素
- 尝试从单选按钮显示的JSON数组中调用多个对象
- 在呈现 D3 SVG 对象之前更改引导按钮文本
- 使用Jquery在单击“”时显示表单;添加对象”;按钮
- 如何设置<p>元素,以及如何使用按钮重置某个对象的所有对象
- 通过一个按钮JAVASCRIPT更改style.display在多个对象上的显示
- 如何将 jQuery 添加到在PayPal对象之前触发的提交按钮
- 在原型对象 jquery 上将一个按钮与另一个按钮不同
- 从对象的按钮单击不起作用
- 如何转换我的 js 代码,以便对象的每个属性都通过输入值和单选按钮值更新
- 挖空.js按钮读取对象列表中的一行
- 从执行jscript列表按钮创建多个相关对象
- 每次单击按钮时,如何创建新对象并将旧对象存储在数组中?OOP JavaScript
- 使用 Jquery 从对象属性填充单选按钮