2013-05-04 75 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

相关问题