如何从数据库中获取文本框中的值取决于下拉列表，而不提交按钮

我想从数据库中获取文本框的值取决于下拉列表值，而不使用提交按钮。现在，我的code.how上有三个下拉列表我可以写三个下拉菜单的JavaScript如何从数据库中获取文本框中的值取决于下拉列表，而不提交按钮

<div align="center"> 
<table> 
<thead> 
<th>Product</th> 
<th>Quantity</th> 
<th>Rate</th> 
<th>Amount</th> 
</thead> 
<tbody> 
    <tr id="addrow"> 
    <td> 
    <?php 
    $selectproduct=mysql_query("select productname from items"); 
    $itemname=mysql_fetch_array($selectproduct); 
    ?> 
    <select name="item[]" id="item"> 

    <?php 
    $i=0; 
    while($itemname=mysql_fetch_array($selectproduct)) 
    { 
    ?> 
     <option value="<?php echo $itemname['productname'];?>"><?php echo $itemname['productname'];?></option> 
     <?php 
    $i++; 
    } 
    ?> 
    </td> 
    <?php 

// $amount=mysql_query("select Amount from items where Productname='$productname' "); 
    // $totalamount=mysql_fetch_array($amount); 
    ?> 


    <td><input class="qty" type="text" name="qty[]"></td> 
    <td><input class="price" type="text" name="price[]"></td> 
    <td><input type="text" class="output" name="output[]"></td> 
    </tr> 
    <tr > 
    <td> 
    <?php 
    $selectproduct=mysql_query("select productname from items"); 
    $itemname=mysql_fetch_array($selectproduct); 
    ?> 
    <select name="item[]" id="item"> 

    <?php 
    $i=0; 
    while($itemname=mysql_fetch_array($selectproduct)) 
    { 
    ?> 
     <option value="<?php echo $itemname['productname'];?>"><?php echo $itemname['productname'];?></option> 
     <?php 
    $i++; 
    } 
    ?> 
    </td> 

    <td><input class="qty" type="text" name="qty[]"></td> 
    <td><input class="price" type="text" name="price[]"></td> 
    <td><input type="text" class="output" name="output[]"></td> 
    </tr> 
    <tr> 
    <td> 
    <?php 
    $selectproduct=mysql_query("select productname from items"); 
    $itemname=mysql_fetch_array($selectproduct); 
    ?> 
    <select name="item[]" id="item"> 

    <?php 
    $i=0; 
    while($itemname=mysql_fetch_array($selectproduct)) 
    { 
    ?> 
     <option value="<?php echo $itemname['productname'];?>"><?php echo $itemname['productname'];?></option> 
     <?php 
    $i++; 
    } 
    ?> 
    </td> 

    <td><input class="qty" type="text" name="qty[]"></td> 
    <td><input class="price" type="text" name="price[]"></td> 
    <td><input type="text" class="output" name="output[]"></td> 
    </tr> 
</table> 
<div id="grand"> 
Total Amount:<input type="text" name="gran" id="gran"> 
</div> 
    </tr> 
    <tr > 
    <td colspan="4"> 
    <center><input type="submit" name="submit"></center> 
    </td> 
    </tr> 
</tbody> 
</table> 
</div> 
</form> 
</body> 
<script type="text/javascript"> 
    $(document).ready(function() { 
    $(".price").keyup(function() { 
     var grandTotal = 0; 
     $("input[name='qty[]']").each(function (index) { 
      var qty = $("input[name='qty[]']").eq(index).val(); 
      var price = $("input[name='price[]']").eq(index).val(); 
      var output = parseInt(qty) * parseInt(price); 

      if (!isNaN(output)) { 
       $("input[name='output[]']").eq(index).val(output); 
       grandTotal = parseInt(grandTotal) + parseInt(output);  
       $('#gran').val(grandTotal); 
      } 
     }); 
    }); 
}); 
</script>

来源

2017-05-29 arjun

您可以通过创建事件侦听器来实现此目的，例如失去焦点，然后使用select的数据获取值。 –