2013-05-04 74 views
-1

我與PHP的工作。當用戶從組合框中選擇任何項目時,相應的項目將顯示在第二個組合框中。我需要將第二個組合框的值存儲到文本框中以備後用。如何將動態組合框的值傳遞給文本框?

<script type="text/javascript" src="jquery.min.js"></script> 
     <script type="text/javascript"> 
      $(function(){ 
       $('#combo').change(function(){ 
        console.log($(this)); 
        $.get("abc.php" , { option : $(this).val() } , function (data) { 
         $ ('#comboB') . html (data) ; 
        }) ; 
       }); 
      }); 
     </script> 
    </head> 
    <body> 

       <form> 
        <select name="combo" id="combo"> 
         <option value="">-- Select</option> 
         <option value="1"> Personnel</option> 
         <option value="2"> Area Layout</option> 
          <option value="3">Conference Rooms</option> 
          <option value="4"> Small Office</option> 
          </select> 

now abc.php 
<?php 
    $Options = Array ( 
     1 => Array ( 
     '--', 
      '15 x 20 (300 sq. ft.)' , 
      '15’ x 15’ (225 sq. ft.)', 
      ' 10’ x 15’ (150 sq. ft.)', 
      '12’ x 10’ (120 sq. ft.)' 
     ) , 
     2 => Array ( 
      '10’ x 10’ (100 sq. ft.)' , 
      ' 8’ x 6’ (48 sq. ft.)', 
      '5’ x 5’ (25 sq. ft.)' 
     ) , 
     3 => Array ( 
      '15’ x 25’ (375 sq. ft.)' , 
      '15’ x 20’ (300 sq. ft.)', 
      '15’ x 15’ (225 sq. ft.)' 
     ) , 
     4 => Array ( 
      '8’ x 8’ (64 sq. ft.)' , 
      '8’ x 6’ (48 sq. ft.)', 
      '6’ x 6’ (36 sq. ft.)', 
      '4’ x 6’ (24 sq. ft.)' 
     ) 
    ) ; 

    forEach ($Options [ $_GET [ 'option' ] ] as $Item) { 
     printf ('<option value="%s">%s</option>' , $Item , $Item) ; 
    } 
    ?> 

回答

0

一個JavaScript代碼,如:

$('#comboB').change(function(){ $('#textbox').val($(this).val()); }); 

會做的伎倆就如何修改HTML

<script type="text/javascript" src="jquery.min.js"></script> 
     <script type="text/javascript"> 
      $(function(){ 
       $('#combo').change(function(){ 
        console.log($(this)); 
        $.get("abc.php" , { option : $(this).val() } , function (data) { 
         $ ('#comboB') . html (data) ; 
        }) ; 
       }); 
       $('#comboB').change(function(){ $('#textboxB').val($(this).val()); }); 
      }); 
     </script> 
    </head> 
    <body> 

       <form> 
        <select name="combo" id="combo"> 
         <option value="">-- Select</option> 
         <option value="1"> Personnel</option> 
         <option value="2"> Area Layout</option> 
          <option value="3">Conference Rooms</option> 
          <option value="4"> Small Office</option> 
          </select> 
    </form> 
    <select id="comboB"></select> 
    <input type="textbox" id="textboxB" value="" /> 
+0

這裏我把這個代碼我明白loctation

編輯示例把這個好心幫我,我需要在這裏進一步計算第二COMBOX這DISPLY數據時,用戶selcted任何選項FR OM第一組合框<選擇name = 「comboB」 ID = 「comboB」> \t \t \t \t <期權價值= 「」> - 我需要在文本框 – malika 2013-05-05 10:08:08

+0

plz幫助該值存儲在放置的這個loctation代碼pl – malika 2013-05-05 10:14:43

+0

把這段代碼放在 _ $('#combo')。change(function(){...}); _ – Mangiucugna 2013-05-05 14:44:49

相關問題