Jquery函数不显示变量值 [英] Jquery function does not display variable value
本文介绍了Jquery函数不显示变量值的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
这里我计划显示一个HTML表，它提供所有值但Productname2值。
$ row.append（$（''）。html（val.ProductName2） ）;
请有人告诉我哪里错了？
var subTot = 0 ;
$（' ＃Discount'）。val（ 0 ）;
var PID = 0 ;
var ProductName;
$（ function （）{
$（' < span class =code-string> 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（' < span class =code-string> 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：$（< span class =code-string>' ＃AccountInvNo'）。val（），
SaleDate：$（' ＃SaleDate'）。val（），
SubTotal：$（' #SubTotal'）。val（），
折扣：$（'' ＃Discount'）。val（），
NetAmount：$（' ＃NetTotal'）。val（），
SaleType： 1 ，
CustomerId：< span class =code-digit> 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.Product2
but 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函数不显示变量值的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
