0

現在、次のスクリプトを使用して、ajax を使用して mysql データベースからレコードを取得しています。これは問題なく機能し、select の値として 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>

その行に description1 、 2 、 3 などと呼ばれる別のテキスト ボックスを作成しましたが、option と /option タグの間の説明をそれらのテキスト ボックスに取り込む方法がわかりません。

4

1 に答える 1

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>
于 2013-07-04T10:39:37.663 に答える