如果我在选择框中选择值,其他文本将出现在输入字段中

时间:2014-12-05 08:57:48

标签: php jquery

如果array[] select value select box所选值的country出现在input field,我会创建Marjohn bebeloni名称的china条目。 }值自动。

例如,我选择input field作为选择框值,然后<?php $names = array('Ireneo Crodua' => 'Australia', 'Almads Bangal' => 'India', 'Rechard Canonigo' => 'America', 'Marjohn bebeloni' => 'China' ); ?> <form action="post"> <p><label>Select Name</label> <select> <?php foreach($names as $name => $place){ echo "<option>" . $name . "</option>"; } ?> </select> </p> <p><label>Place</label><input name="place" value="" /></p> </form> 会自动显示在{{1}}

{{1}}

4 个答案:

答案 0 :(得分:0)

试试这个:

<p><label>Select Name</label>
    <select>
      <?php 
        foreach($names as $name => $place){
          echo "<option value='" . $place . "'>" . $name . "</option>";
        }
      ?>

    </select>
  </p>


  <p><label>Place</label><input name="place" value="" /></p>

并在jquery下面使用:

$(function(){
  $('select').on('change',function(){
     $('input[name=place]').val($(this).val());
  });
});

答案 1 :(得分:0)

最简单的方法;)

<select id="selectsomething">
  <?php 
    foreach($names as $name => $place){
      echo "<option foo=\"$place\">" . $name . "</option>";
    }
  ?>

</select>
在JS中你可以编写这个函数

$('#selectsomething').onchange(function(){
    $('#textfield').val($(this).attr("foo"));
`});`

答案 2 :(得分:0)

你就是这样做的

 <?php
   $names = array('Ireneo Crodua' => 'Australia', 
                  'Almads Bangal' => 'India', 
                  'Rechard Canonigo' => 'America',
                  'Marjohn bebeloni' => 'China'
   );

 ?>
 <form action="post">

   <p><label>Select Name</label>
     <select id="select">
       <?php 
         foreach($names as $name => $place){
           echo "<option value='$place'>" . $name . "</option>";
         }
       ?>

     </select>
   </p>


   <p><label>Place</label><input id="place" name="place" value="" /></p>
   <script>
   $(document).ready(function(){
     $('#select').change(function(){
           $('#place').val($(this).val());
       });
   });

   </script>

答案 3 :(得分:0)

$(function(){
  $('select').on('change',function(){
     $('input[name=place]').val($(this).val());
  });
});

希望它对你有用。