input框同name获取value值

daze_Yui 2017-03-27 02:09:41

代码如下
str += '<tr>' +
'<td>' + id + '</td>' +
'<td>' + goodsName + '</td>' +
'<td>' + price + '</td>' +
'<td>' + residue + '</td>' +
'<td>' + type + '</td>' +
'<td>' + state + '</td>' +
'<td>' + parentId + '</td>' +
'<td><button onclick="putInCart(' + id + ')">放入购物车</button>' +
'<input id="buyNumber" name="buyNumber" value="" type="number" min="0"></td>' +
'</tr>';
在table每行末尾添加了多个同name的input框。页面效果如下

现在想putInCart方法中实现指定框的取值作为参数传递出去，putInCart方法代码如下
function putInCart(id) {
var buyNumber = $("#buyNumber").val();
var goodsId = id;
var userId = '${userId}';
var params = {
userId:userId,
goodsId:goodsId,
buyNumber:buyNumber
};
var url = 'http://localhost:8080/shoppingCart/insert';
jQuery.ajax({
type: 'POST',
contentType: 'application/x-www-form-urlencoded',
url: url,
data: params,
dataType: 'json',
success: function (data) {
if (data == "success") {
jump();
}
初学者，百度很久没有找到合适的方法，请问能实现调用input方法时实现对应的input框value取值吗。

...全文

588 6 打赏收藏转发到动态举报

写回复

用AI写文章

6 条回复

切换为时间正序

请发表友善的回复…

发表回复

daze_Yui 2017-03-27

打赏
举报

引用 5 楼 showbo 的回复:

str += '<tr>' + '<td>' + id + '</td>' + '<td>' + goodsName + '</td>' + '<td>' + price + '</td>' + '<td>' + residue + '</td>' + '<td>' + type + '</td>' + '<td>' + state + '</td>' + '<td>' + parentId + '</td>' + '<td><button onclick="putInCart(' + id + ',this)">放入购物车</button>' + '<input id="buyNumber" name="buyNumber" value="" type="number" min="0"></td>' + '</tr>'; function putInCart(id,btn) { var buyNumber =$(btn).next().val();/// $("#buyNumber").val(); //.....原来的代码

十分感谢解决问题了,也谢谢上面的各位大佬。

斯洛文尼亚旅游 2017-03-27

打赏
举报

str += '<tr>' + '<td>' + id + '</td>' + '<td>' + goodsName + '</td>' + '<td>' + price + '</td>' + '<td>' + residue + '</td>' + '<td>' + type + '</td>' + '<td>' + state + '</td>' + '<td>' + parentId + '</td>' + '<td><button onclick="putInCart(' + id + ',this)">放入购物车</button>' + '<input id="buyNumber" name="buyNumber" value="" type="number" min="0"></td>' + '</tr>'; function putInCart(id,btn) { var buyNumber =$(btn).next().val();/// $("#buyNumber").val(); //.....原来的代码

jio可 2017-03-27

打赏
举报

引用 1 楼 jiangbai333 的回复:


str += '<tr>' +
                            '<td>' + id + '</td>' +
                            '<td>' + goodsName + '</td>' +
                            '<td>' + price + '</td>' +
                            '<td>' + residue + '</td>' +
                            '<td>' + type + '</td>' +
                            '<td>' + state + '</td>' +
                            '<td>' + parentId + '</td>' +
                            '<td><button>放入购物车</button>' +
                            '<input id="buyNumber" name="buyNumber" value="" type="number" min="0"></td>' +
                            '</tr>';


$("button").click(function() {
    var buyNumber = $(this).next().val(),
        goodsId = id,
        userId = '${userId}';
    var params = {
        userId:userId,
        goodsId:goodsId,
        buyNumber:buyNumber
    };
    var url = 'http://localhost:8080/shoppingCart/insert';
    jQuery.ajax({
        type: 'POST',
        contentType: 'application/x-www-form-urlencoded',
        url: url,
        data: params,
        dataType: 'json',
        success: function (data) {
            if (data == "success") {
                jump();
            }
        }
    });
});

直接button都找不到的 $("table").on("click", "button",function(){......})，新手你告诉他这种他都理解不了。

似梦飞花 2017-03-27

打赏
举报

document.querySelectorAll('[name="xx"]')[x].value 获取第x的值没明白你的意思

jio可 2017-03-27

打赏
举报

把input的id换成当前这行商品的id '<input id="'+id+'" name="buyNumber" value="" type="number" min="0"></td>' ， f 然后获取的时候就是 function putInCart(id) { var buyNumber = $("#"+id).val(); ...... }

jiangbai333 2017-03-27

打赏
举报


str += '<tr>' +
                            '<td>' + id + '</td>' +
                            '<td>' + goodsName + '</td>' +
                            '<td>' + price + '</td>' +
                            '<td>' + residue + '</td>' +
                            '<td>' + type + '</td>' +
                            '<td>' + state + '</td>' +
                            '<td>' + parentId + '</td>' +
                            '<td><button>放入购物车</button>' +
                            '<input id="buyNumber" name="buyNumber" value="" type="number" min="0"></td>' +
                            '</tr>';


$("button").click(function() {
    var buyNumber = $(this).next().val(),
        goodsId = id,
        userId = '${userId}';
    var params = {
        userId:userId,
        goodsId:goodsId,
        buyNumber:buyNumber
    };
    var url = 'http://localhost:8080/shoppingCart/insert';
    jQuery.ajax({
        type: 'POST',
        contentType: 'application/x-www-form-urlencoded',
        url: url,
        data: params,
        dataType: 'json',
        success: function (data) {
            if (data == "success") {
                jump();
            }
        }
    });
});