Jquery，如何检索选择下拉列表的内容（不是值）

Question

我目前正在使用以下脚本使用 ajax 从我的 mysql 数据库中提取记录。它工作得很好，使用 stockID 作为选择的值，然后使用几个表字段来构建用户看到的值。例如：

<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 等的文本框，但我不确定如何将选项和 /option 标记之间的描述拉到这些文本框中？。

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>