2013-07-04 3 views
0

현재 다음 스크립트를 사용하여 mysql 데이터베이스에서 ajax를 사용하여 레코드를 가져옵니다. 그것은 잘 작동하고 선택에 대한 값으로 stockIDID를 사용하고 사용자가 보는 값을 구축하기 위해 여러 테이블 필드를 사용합니다. 예 :Jquery, select 드롭 다운의 내용을 검색하는 방법 (값이 아님)

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

스크립트의 다음 조각은 선택한 드롭 다운의 값을 받아 지금 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라는 만든 텍스트 상자에 선택에서 '가치'밖으로 stockID를 넣어 그 행의 다른 텍스트 상자는 description1, 2, 3 등이지만, 옵션과/option 태그 사이의 설명을 텍스트 상자로 가져 오는 방법을 모르십니까?

답변

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> 
관련 문제