选中的php后,下拉值恢复为默认值

时间:2015-01-04 21:14:09

标签: php jquery forms

我正在尝试使用php创建一个下拉列表。我正在使用onchange =“this.form.submit();”作为代码的一部分。我想在同一页面上显示结果。

选择下拉列值后,将显示该值,但所选值将恢复为第一个值。

   <form action="" method="post">
   <select name="q" onchange="this.form.submit();">
   <option value="0" >Select One</option>
   <option value="1" >One</option>
   <option value="2" >Two</option>
   <option value="3" >Three</option>
   <option value="4" >Four</option>
   <option value="5" >Five</option>
   </select>
   </form>

 <?php 
 if (isset($_POST['q'])) {echo 'var is now set to ' . $_POST['q'];}
 ?>

我想显示选择值并回显值。谢谢你的帮助!

3 个答案:

答案 0 :(得分:2)

如果已选择该值,则需要添加selected属性,只需执行以下操作:

<form action="" method="post">
   <select name="q" onchange="this.form.submit();">
   <option value="0" <?php if(isset($_POST['q']) && $_POST['q']=="0") echo "selected"?>>Select One</option>
   <option value="1" <?php if(isset($_POST['q']) && $_POST['q']=="1") echo "selected"?> >One</option>
   <option value="2" <?php if(isset($_POST['q']) && $_POST['q']=="2") echo "selected"?>>Two</option>
   <option value="3" <?php if(isset($_POST['q']) && $_POST['q']=="3") echo "selected"?>>Three</option>
   <option value="4" <?php if(isset($_POST['q']) && $_POST['q']=="4") echo "selected"?>>Four</option>
   <option value="5" <?php if(isset($_POST['q']) && $_POST['q']=="5") echo "selected"?>>Five</option>
  </select>  
</form>

答案 1 :(得分:0)

<option value="1" <?php if ($_POST['q']=="1") {echo "selected";}?> >One</option>

添加此代码的所有选项,但您必须使用数组,因为我的方式很长。

答案 2 :(得分:0)

其他答案有效但测试每个选项效率低下。做这样的事情:

<?php
    // put all your options into an array
    $options = array(0 => 'Select One', 1 => 'First', 2 => 'Second', 3 => 'And so on');
?>
<select name="q" onchange="this.form.submit();">
<?php
    // loop trough the elements
    foreach($options as $value => $label) {
        // test if the current value is the posted one...
        $selected = (isset($_POST['q']) && intval($_POST['q']) === $value) ? ' selected="selected"' : ''; 
        echo '<option value="'.$value.'"'.$selected.'>'.$label.'</option>';
    }
?>
</select>