加载jquery字段的值

时间:2017-05-10 00:05:22

标签: jquery html ajax

我会尝试尽可能多地澄清我的问题。我得到json格式的数据,因为它们呈现自己,我希望通过选择一行上的数量,它填充了相应行上相应价格的值。 通常在数据库中从php中检索并且它在本地工作,当我从第一行选择一个数量时,它会使用正确的值填充我。但是当我从第二行中选择一个数量时,它会改变第一行的值,而不是用第二行的价格填充。

nextParentID
 $("form").on('change', '.qty', function(){

 	 var qty = $(this).val();

 	 $.ajax({
 	 	url: data,
 	 	data: {'qty':qty},
 	 	dataType:'json',
 	 	success: function(data){
 	 		if(data ==''){	 	 			
 	 			$('.price').val(0);
 	 		}else{
				$.each(data, function(index, element){
					$('.price').val(element.price);
				});	 	 			
 	 	  }
 	 	}
 	 });
});

<form>
 <table id="fact-tablee" style="margin-top:10px;" cellpadding="0" cellspacing="0">
<tr>
                                          
    <th>Item</th>
    <th>Quantity</th>
    <th>Price</th>                                             
</tr>
                                        
<tr class="tr">
    <td><input type="text" name="item[]" value=""></td> 
	<td><select name="qty[]" class="qty">
		<option value="12">12</option>
		<option value="20">20</option>
		<option value="30">30</option>
	</select></td>
	<td><input type="text" name="price[]" value="" class="price"></td>
</tr> 
<tr class="tr">
    <td><input type="text" name="item[]" value=""></td> 
	<td><select name="qty[]" class="qty">
		<option value="12">12</option>
		<option value="20">20</option>
		<option value="30">30</option>
	</select></td>
	<td><input type="text" name="price[]" value="" class="price"></td>
</tr>
                                    
  </table>
</form>

1 个答案:

答案 0 :(得分:0)

不确定ajax调用返回的是什么,但是如果我正确理解了问题并且您正在以问题中显示的格式获取数据,那么您可以使用 -

获取价格
|| [[ -n $output ]]