JQuery, как получить содержимое выпадающего списка select (не значение)

Question

В настоящее время я использую следующий сценарий, чтобы извлекать записи из моей базы данных mysql с помощью ajax. Он отлично работает и использует значение запаса в качестве значения для выбора, а затем берет несколько полей таблицы для создания значения, которое видит пользователь. например:

<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> 

Iv теперь создали другое текстовое поле в этой строке с именем description1, 2, 3 и т. д., но я не уверен, как вытащить описание между опцией и/тегами опций в эти текстовые поля?.

Answer 1

Проделал это сам, в конце концов! :

<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>