Jquery函数不显示变量值

本文介绍了Jquery函数不显示变量值的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！ 问题描述 29岁程序员，3月因学历无情被辞！ 这里我计划显示一个HTML表，它提供所有值但Productname2值。 $ row.append（$（''）。html（val.ProductName2） ）; 请有人告诉我哪里错了？ var subTot = 0 ; $（' ＃Discount'）。val（ 0 ）; var PID = 0 ; var ProductName; $（ function （）{ $（' select＃DProducts'）。change（ function （）{ ProductName = $（ [id * ='DProducts']：选择）。text（）; // // alert（ProductName）; // $ .getJSON（/ Sale / SelectedItemId /+ $（＃DProducts> option：selected）。attr（value），function（data） { // PID = data.Val（）; // }）; }）; }）; $（ document ）。ready（ function （） { var orderItems = []; // 添加按钮单击功能 $（' #add'）。点击（ function （）{ // 检查订单商品的验证 var isValidItem = true ; if （$（' #DProducts'）。val（）== ' '）{ isValidItem = false ; $（' ＃DProducts'）。兄弟姐妹（' span.error').css(' visibility'，' visible'）; } 其他 { $（' ＃DProducts'）。兄弟姐妹（' span.error' ）.css（' visibility'，' hidden'）; } if （！（$（' ＃quantity'）。val（）！= ' '&&！isNaN（$（' ＃quantity'）。val（））） ）{ isValidItem = false ; $（' ＃quantity'）。兄弟姐妹（' span.error'）。css（' visibility'，' visible'）; } 其他 { $（' ＃quantity'）。兄弟姐妹（' span.error' ）.css（' visibility'，' hidden'）; } if （！（$（' ＃UnitPrice'）。val（）！= ' '&&！isNaN（$（' ＃UnitPrice'）。val（））） ）{ isValidItem = false ; $（' ＃UnitPrice'）。兄弟姐妹（' span.error'）。css（' visibility'，' visible'）; } 其他 { $（' ＃UnitPrice'）。兄弟姐妹（' span.error' ）.css（' visibility'，' hidden'）; } // get ProductId // 如果有效，则将项目添加到列表 if （isValidItem）{ orderItems.push（{ ProductId：PID，数量： parseInt （$（' ＃quantity'）。val（））， UnitPrice： parseFloat （$（' ＃UnitPrice'）。val（））， SubTotal： parseInt （$（' ＃quantity'）。val（））* parseFloat （$（ ' ＃UnitPrice '）。val（））}）; subTot = subTot +（ parseInt （$（'' ＃quantity'）。val（））* parseFloat （$（' ＃UnitPrice'）。val（））） // 清除字段 // $（'＃DProducts'）。val（''）。focus（）; $（' ＃quantity，＃UnitPrice'）。val（' '）; } // 填充订单商品 GeneratedItemsTable（）; $（' #SubTotal'）。val（ parseFloat （subTot））; $（' ＃NetTotal'）。val（ parseFloat （subTot） - parseFloat （$（' ＃折扣'）VAL（）））。 }）; // 保存按钮点击功能 $（' ＃submit'）。click（ function （）{ // 订单验证 var isAllValid = true ; if （orderItems.length == 0 ）{ $（' ＃orderItems'）。html（' < span style =color：red;>请添加订单商品< / span>'）; isAllValid = false ; } if （$（' ＃AccountInvNo'）。val（）。trim（）== ' '）{ $（' ＃AccountInvNo'）。兄弟姐妹（' span.error'）。css（' visibility'，' visible'）; isAllValid = false ; } 其他 { $（' ＃AccountInvNo'）。兄弟姐妹（' span.error' ）.css（' visibility'，' hidden'）; } if （$（' ＃SaleDate'）。val（）。trim（）== ' ' ）{ $（' ＃SaleDate'）。兄弟姐妹（' span.error'）。css（' visibility'，' visible'）; isAllValid = false ; } 其他 { $（' ＃SaleDate'）。兄弟姐妹（' span.error' ）.css（' visibility'，' hidden'）; } if （$（' ＃Customer'）。val（）。trim（）== ' ' ）{ $（' ＃Customer'）。兄弟姐妹（' span.error'）。css（' visibility'，' visible'）; isAllValid = false ; } 其他 { $（' ＃Customer'）。兄弟姐妹（' span.error' ）.css（' visibility'，' hidden'）; } // 保存有效 if （isAllValid）{ var data = { AccntInvoiceNo：$（' ＃AccountInvNo'）。val（）， SaleDate：$（' ＃SaleDate'）。val（）， SubTotal：$（' #SubTotal'）。val（），折扣：$（'' ＃Discount'）。val（）， NetAmount：$（' ＃NetTotal'）。val（）， SaleType： 1 ， CustomerId： 2 ， UserId： 1 ， SaleDescs：orderItems } $（这）。val（' 请稍候......'）; $ .ajax（{ url：' / Sale / SaveOrder'，类型： POST， data： JSON .stringify（data）， dataType： JSON， contentType： application / json，成功：功能（d）{ // 检查成功保存到数据库 如果（d.status == true ）{ // 将从s发送状态erver side alert（' 已成功完成。'）; // clear form orderItems = []; $（' ＃AccountInvNo'）。val（' '）; $（' ＃saleDate'）。val（' '）; $（' ＃orderItems'）。empty（）; $（' #SubTotal'）。val（' '）; $（' ＃Discount'）。val（' '）; $（' ＃NetTotal'）。val（' '）; } 其他 { alert（' 无法'）; } $（' ＃submit'）。val（' 保存'）; }，错误： function （例外）{ alert（' 执行：' +异常）; $（' ＃submit'）。val（' 保存'）; } }）; } }）; // 表中添加项目的功能 function GeneratedItemsTable（）{ if （orderItems.length> ; 0 ）{ var $ table = $（' < table />'）; $ table.append（' < thead>< tr>< th> Item< / th> ;< th>数量< / th>< th>单价< / th>< th>总计< / th>< / tr>< / thead>'）; var $ tbody = $（' < ; TBODY />'）; $ .each（orderItems， function （i，val）{ var $ ProductName2 = $（ [id * ='DProducts']：已选择）。text（） ; var $ row = $（' < tr />'）; $ row.append（$（' < ; td />'）。html（val.ProductName2））; $ row.append（$（' < td />'）。html（val.Quantity））; $ row.append（$（' < td />'）。html（val.UnitPrice））; $ row.append（$（' < td />'）。html（val.SubTotal））; var $ remove = $（' < a href = ＃>删除< / A>'）; $ remove.click（ function （e）{ e.preventDefault（）; orderItems.splice（i， 1 ）; GeneratedItemsTable（）; }）; $ row.append（$（' < td />'）。html （$删除））; $ tbody.append（$ row）; }）; $ table.append（$ tbody）; $（' ＃orderItems'）。html（$ table）; } 其他 { $（' ＃orderItems'）。html（' '）; } } }）; 我的尝试： 我试图给出text.Product2 但问题仍然存在。解决方案 row.append（ （''）。html（val.ProductName2））; 请有人告诉我哪里错了?? var subTot = 0 ; （' ＃Discount'）。val（ 0 ）; var PID = 0 ; var ProductName; Here I am planning to display an HTML table, It gives all the values but Productname2 value.$row.append($('').html(val.ProductName2));Please, someone tells me where I am wrong ??var subTot = 0;$('#Discount').val(0);var PID = 0;var ProductName;$(function () { $('select#DProducts').change(function () { ProductName = $("[id*='DProducts'] :selected").text(); //// alert(ProductName); // $.getJSON("/Sale/SelectedItemId/" + $("#DProducts > option: selected").attr("value"), function (data) { // PID = data.Val(); // }); });});$(document).ready(function () { var orderItems = []; //Add button click function $('#add').click(function () { //Check validation of order item var isValidItem = true; if ($('#DProducts').val() == '') { isValidItem = false; $('#DProducts').siblings('span.error').css('visibility', 'visible'); } else { $('#DProducts').siblings('span.error').css('visibility', 'hidden'); } if (!($('#quantity').val() != '' && !isNaN($('#quantity').val()))) { isValidItem = false; $('#quantity').siblings('span.error').css('visibility', 'visible'); } else { $('#quantity').siblings('span.error').css('visibility', 'hidden'); } if (!($('#UnitPrice').val()!= '' && !isNaN($('#UnitPrice').val()))) { isValidItem = false; $('#UnitPrice').siblings('span.error').css('visibility', 'visible'); } else { $('#UnitPrice').siblings('span.error').css('visibility', 'hidden'); } //get ProductId //Add item to list if valid if (isValidItem) { orderItems.push({ ProductId: PID, Quantity: parseInt($('#quantity').val()), UnitPrice: parseFloat($('#UnitPrice').val()), SubTotal: parseInt($('#quantity').val()) * parseFloat($('#UnitPrice').val()) }); subTot = subTot + (parseInt($('#quantity').val()) * parseFloat($('#UnitPrice').val())) //Clear fields // $('#DProducts').val('').focus(); $('#quantity,#UnitPrice').val(''); } //populate order items GeneratedItemsTable(); $('#SubTotal').val(parseFloat(subTot)); $('#NetTotal').val(parseFloat(subTot) - parseFloat($('#Discount').val())); }); //Save button click function $('#submit').click(function () { //validation of order var isAllValid = true; if (orderItems.length == 0) { $('#orderItems').html('<span style="color:red;">Please add order items</span>'); isAllValid = false; } if ($('#AccountInvNo').val().trim() == '') { $('#AccountInvNo').siblings('span.error').css('visibility', 'visible'); isAllValid = false; } else { $('#AccountInvNo').siblings('span.error').css('visibility', 'hidden'); } if ($('#SaleDate').val().trim() == '') { $('#SaleDate').siblings('span.error').css('visibility', 'visible'); isAllValid = false; } else { $('#SaleDate').siblings('span.error').css('visibility', 'hidden'); } if ($('#Customer').val().trim() == '') { $('#Customer').siblings('span.error').css('visibility', 'visible'); isAllValid = false; } else { $('#Customer').siblings('span.error').css('visibility', 'hidden'); } //Save if valid if (isAllValid) { var data = { AccntInvoiceNo: $('#AccountInvNo').val(), SaleDate: $('#SaleDate').val(), SubTotal: $('#SubTotal').val(), Discount: $('#Discount').val(), NetAmount: $('#NetTotal').val(), SaleType: 1, CustomerId: 2, UserId: 1, SaleDescs: orderItems } $(this).val('Please wait...'); $.ajax({ url: '/Sale/SaveOrder', type: "POST", data: JSON.stringify(data), dataType: "JSON", contentType: "application/json", success: function (d) { //check is successfully save to database if (d.status == true) { //will send status from server side alert('Successfully done.'); //clear form orderItems = []; $('#AccountInvNo').val(''); $('#saleDate').val(''); $('#orderItems').empty(); $('#SubTotal').val(''); $('#Discount').val(''); $('#NetTotal').val(''); } else { alert('Failed'); } $('#submit').val('Save'); }, error: function (exception) { alert('Exeption:' + exception); $('#submit').val('Save'); } }); } }); //function for show added items in table function GeneratedItemsTable() { if (orderItems.length > 0) { var $table = $('<table/>'); $table.append('<thead><tr><th>Item</th><th>Quantity</th><th>Unit Price</th><th>Total</th></tr></thead>'); var $tbody = $('<tbody/>'); $.each(orderItems, function (i, val) { var $ProductName2 = $("[id*='DProducts'] :selected").text(); var $row = $('<tr/>'); $row.append($('<td/>').html(val.ProductName2)); $row.append($('<td/>').html(val.Quantity)); $row.append($('<td/>').html(val.UnitPrice)); $row.append($('<td/>').html(val.SubTotal)); var $remove = $('<a href="#">Remove</a>'); $remove.click(function (e) { e.preventDefault(); orderItems.splice(i, 1); GeneratedItemsTable(); }); $row.append($('<td/>').html($remove)); $tbody.append($row); }); $table.append($tbody); $('#orderItems').html($table); } else { $('#orderItems').html(''); } }});What I have tried:I tried to give text.Product2but the problem still exists. 解决方案 row.append(('').html(val.ProductName2));Please, someone tells me where I am wrong ??var subTot = 0;('#Discount').val(0);var PID = 0;var ProductName; 这篇关于Jquery函数不显示变量值的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！ 上岸，阿里云！