2013-07-04 24 views
0

我目前使用以下脚本从我的mysql数据库使用ajax拉记录。它工作得很好,并使用stockID作为select的值,然后使用几个表字段来构建用户看到的值。例如:jquery,如何检索选择下拉列表中的内容(不是值)

<option value="454545454">Bridgestone 215/45/18 tyre</option 

<script type="text/javascript" charset="utf-8"> 
    $(document).ready(function(){ 
    $('#customer').on('change', function(){ 
    $('#vehicle').html("<option value=''>Select</option>");// add this on each call then add the options when data receives from the request 
      $.getJSON('select.php', {customerId: $(this).val()}, function(data){ 
       var options = ''; 
       for (var x = 0; x < data.length; x++) { 
        options += '<option value="' + data[x]['id'] + '">' + data[x]['reg'] + ' - ' + data[x]['make'] + ' - ' + data[x]['model'] + '</option>'; 
       } 
       $('#vehicle').html(options); 
       $("select").select2(); 
      }); 
             }); 


    $('#customer, #vehicle').on('change', function(){ 
      $('#qty1').val(''); 
      $('#linetotal1').text(''); 
      $("#stock1").val($("#stock1 option:first").val()); 
      $('#qty2').val(''); 
      $('#linetotal2').text(''); 
      $("#stock2").val($("#stock2 option:first").val()); 
       $('#qty3').val(''); 
       $('#linetotal3').text(''); 
       $("#stock3").val($("#stock3 option:first").val()); 
       $('#qty4').val(''); 
       $('#linetotal4').text(''); 
       $("#stock4").val($("#stock4 option:first").val()); 
        $('#qty5').val(''); 
        $('#linetotal5').text(''); 
        $("#stock5").val($("#stock5 option:first").val()); 
        $('#qty6').val(''); 
        $('#linetotal6').text(''); 
        $("#stock6").val($("#stock6 option:first").val()); 
     }); 

     }); 
    </script> 

下一段脚本,然后采取选择下拉列表的值,并把stockID出“价值”在选择到名为stock1T等

<script> 
    $(document).ready(function(){ 
    $('#stock1').change(function() { 
        $('#stock1T').val($('#stock1 option:selected').val()); 
        $('#description1').val($('#stock1 option:selected').val()); 
      }); 
       $('#stock2').change(function() { 
        $('#stock2T').val($('#stock2 option:selected').val()); 
        $('#description2').val($('#stock2 option:selected').val()); 
      }); 
       $('#stock3').change(function() { 
        $('#stock3T').val($('#stock3 option:selected').val()); 
        $('#description3').val($('#stock3 option:selected').val()); 
      }); 
       $('#stock4').change(function() { 
        $('#stock4T').val($('#stock4 option:selected').val()); 
        $('#description4').val($('#stock4 option:selected').val()); 
      }); 
       $('#stock5').change(function() { 
        $('#stock5T').val($('#stock5 option:selected').val()); 
        $('#description5').val($('#stock5 option:selected').val()); 
      }); 
       $('#customer').change(function() { 
        $('#customerID').val($('#customer option:selected').val()); 
      }); 
    }); 
    </script> 

㈣现在创建一个文本框该行中的另一个文本框称为description1,2,3等,但我不知道如何将选项和/选项标记之间的描述拖入这些文本框?

回答

0

最终自己搞定了! :

<script> 
$(document).ready(function(){ 
$('#stock1').change(function() { 
      $('#stock1T').val($('#stock1 option:selected').val()); 
      $('#description1').val($('#stock1 option:selected').text()); 
    }); 
     $('#stock2').change(function() { 
      $('#stock2T').val($('#stock2 option:selected').val()); 
      $('#description2').val($('#stock2 option:selected').text()); 
    }); 
     $('#stock3').change(function() { 
      $('#stock3T').val($('#stock3 option:selected').val()); 
      $('#description3').val($('#stock3 option:selected').text()); 
    }); 
     $('#stock4').change(function() { 
      $('#stock4T').val($('#stock4 option:selected').val()); 
      $('#description4').val($('#stock4 option:selected').text()); 
    }); 
     $('#stock5').change(function() { 
      $('#stock5T').val($('#stock5 option:selected').val()); 
      $('#description5').val($('#stock5 option:selected').text()); 
    }); 
     $('#customer').change(function() { 
      $('#customerID').val($('#customer option:selected').text()); 
    }); 
    }); 
</script> 
相关问题