當試圖動態填充選擇列表時，Json結果爲「undefined」

我正在嘗試使用Jquery向產品和價格添加帶有訂單的動態行。問題是我需要從mysql動態填充產品下拉菜單。行正確添加。我遇到的唯一問題是，下拉菜單隻有一個選項，該選項顯示「未定義」。當試圖動態填充選擇列表時，Json結果爲「undefined」

編輯1：我改變了PHP代碼。我認爲它現在格式正確，但我仍然在我的選擇列表中顯示「未定義」。

編輯2：我測試了PHP，並且出現了一些錯誤。現在，PHP可以自行完成工作，並返回以下json編碼數組，但是當我試圖將它拖入我的jquery腳本時，它仍然返回「未定義」結果。：

[{"product":"wedding 4","price":"400.00","id":"9"}, 
{"product":"wedding 2 ","price":"400.00","id":"8"}, 
{"product":"Wedding 1","price":"4000.00","id":"1"}, 
{"product":"potato","price":"50.00","id":"6"}, 
{"product":"Event","price":"3000.00","id":"5"}, 
{"product":"alligator","price":"800.00","id":"7"}]

的jQuery：

var count = 0; 
$(document).ready(function(){ 
$('p#add_field').click(function(){ 
    count += 1; 
    $('#addingContainer').append('<strong>Link #' + count + '</strong><br />' + '<label>Product or Service</label><select id="product_' + count + '" name="products[]'+ '" >'); 

$.get('includes/productrow.php', function(data){ 
$('#product_' + count + '').append('<option value=' + data.product_id + ' data-price=' + data.price + '>' + data.product +'</option>'); 
}); 

$('#addingContainer').append('</select>&nbsp;&nbsp;<label>Price</label><input type="text" id="price_' + count + '" name="prices[]' + '" class="price" >'); 
});

productrow.php

<?php 
    $productSql = "SELECT product_id, product, price FROM products WHERE compid = '$compid' ORDER BY product desc"; 
    $productResult = mysql_query($productSql, $link); 

    while($productRow = mysql_fetch_array($productResult)){ 
    $final_array[] = array("product" => $productRow['product'], "price" => $productRow['price'], "id" => $productRow['id']); 
    }; 

    echo json_encode($final_array); 


?>

**免責聲明，我知道我應該使用PDO，一旦該項目完成後，我會開始使用它。

來源

2014-09-11 Paige Rose Figueira

你應該既不是使用PHP-MySQL或PHP-MySQLi，它們現在都不好用，現在它已被棄用，並將在下一個版本 – engma 2014-09-11 13:39:56

@ Developer106中丟棄。您認爲'mysqli'擴展名被棄用的原因是什麼？ – 2014-09-11 13:45:15

我不完全瞭解你的用例。如果你想在頁面加載時動態填充下拉列表，那麼不需要javascript/jQuery來完成這項工作。您是否在頁面加載後嘗試向下拉菜單中添加其他選項？ – 2014-09-11 13:46:52

我總是用jquerys $不用彷徨：

$.get('includes/productrow.php', function(resp){ 
    $('#yourid').append(resp); 
});

嘗試，如果你能實現這一點。

使用方法如下：

$.get('includes/productrow.php', function(resp){ 
    $('#addingContainer').append('<strong>Link #' + count + '</strong><br />' + '<label>Product or Service</label><select id="product_' + count + '" name="products[]'+ '" /><option value=""></option>' + resp + '</select>&nbsp;&nbsp;<label>Price</label><input type="text" id="price_' + count + '" name="prices[]' + '" class="price" >'); 
});

希望這個作品！

我做了如下的文件來測試它：

<html> 
    <head> 
    <script type="text/javascript" src="../server/public/js/jquery.js"></script> 
    <script type="text/javascript"> 
     $.get('productrow.php', function(resp){ 
       $('body').append('<strong>Link #</strong><br />' + '<label>Product or Service</label><select id="product_" name="products[]'+ '" /><option value=""></option>' + resp + '</select>&nbsp;&nbsp;<label>Price</label><input type="text" id="price_" name="prices[]' + '" class="price" >'); 
     }); 
    </script> 
    </head> 
    <body> 

    </body> 
</html>

productrow.php：

<?php 
echo "test";

結果：

Link # 
Product or Servicetest Price

測試是有預期。您可以發送給我您的整個代碼或創建一個jsfiddle

來源

2014-09-11 13:32:20

我會在哪裏添加它，以便填充選擇的選項？ – 2014-09-11 13:40:53

@PaigeRoseFigueira更新回答。 – 2014-09-11 13:44:09

這工作，它使jQuery的功能再次工作，行被正確添加，但它仍然顯示一個空的選擇。沒有出現空白的'。 – 2014-09-11 14:07:53

問題出在JSON請求。正確的代碼如下。此代碼還可以使用數據價格屬性被自動填充了產品的價格文本字段：

的Jquery：

var count = 0; 

$(document).ready(function(){ 

$('p#add_field').click(function(){ 

    count += 1; 

    $('#addingContainer').append('<strong>Link #' + count + '</strong><br />' + '<label>Product or Service</label><select id="product_' + count + '" name="products[]'+ '" ><option value=""></option>'); 

    $.getJSON('includes/productrow.php', function(data){ 
      var select = $('#product_' + count + ''); 
      $.each(data, function(key, val) { 
       $('<option/>').attr('value', val.product_id) 
           .attr('data-price', val.price) 
           .html(val.product) 
           .appendTo(select); 
    }); 

    $('#addingContainer').append('</select>&nbsp;&nbsp;<label>Price</label><input type="text" id="price_' + count + '" name="prices[]' + '" class="price" >'); 
    });

productrow.php

$productSql = "SELECT product_id, product, price, compid FROM products WHERE compid = '$compid' ORDER BY product desc"; 
$productResult = mysql_query($productSql, $link); 

while($productRow = mysql_fetch_array($productResult)){ 
$final_array[] = array("product" => $productRow['product'], "price" =>  $productRow['price'], "id" => $productRow['product_id']); 
}; 

echo json_encode($final_array);

來源

2014-09-16 13:43:50

當試圖動態填充選擇列表時，Json結果爲「undefined」

回答

相關問題