在IE9中选择问题 - 在其他浏览器中它完美运行

时间:2015-09-28 12:39:30

标签: javascript php html internet-explorer internet-explorer-9

我对此特定表单有疑问,我首先需要选择一个值,然后提交表单。提交表单效果很好,但是选择了所有浏览器中的默认选择值并且它是可接受的,除了在没有选择默认选择值的IE中。在IE中,默认情况下没有选择任何内容。

我该如何解决这个问题?

问题图片: the selection form

  <select name="formQuality" id="formQuality"  value="acceptable">
  <option  value="acceptable">Acceptable</option> 
  <option  value="good">Good</option>
  <option     value="better">Better</option>
  <option    value="excellent">Excellent</option>
  <option    value="best">Best</option>
  </select> 

<?php  
if(isset($_POST['SubmitButton'])){ //check if form was submitted
$input = $_POST['inputText']; //get input text
$varQuality = $_POST['formQuality'];
$message = "Success! You entered: ".$input;
}    
?>

<br>   
<form action="" method="post">
  <h1>Choose Quality:</h1>
  
  <?php 
      $thequa = htmlspecialchars($_POST['formQuality']);						  
  ?>
  
  <select name="formQuality" id="formQuality"  value="<?php echo $thequa;?>">
  <option <?php if ($thequa1 == 'acceptable') { ?>selected="true" <?php }; ?> value="acceptable">Acceptable</option>
  <option selected="true" value="acceptable">Acceptable</option>  
  <option <?php if ($_POST['formQuality'] == 'good') { ?>selected="true" <?php }; ?> value="good">Good</option>
  <option  <?php if ($_POST['formQuality'] == 'better') { ?>selected="true" <?php }; ?>   value="better">Better</option>
  <option  <?php if ($_POST['formQuality'] == 'excelent') { ?>selected="true" <?php }; ?>  value="excellent">Excellent</option>
  <option  <?php if ($_POST['formQuality'] == 'best') { ?>selected="true" <?php }; ?>  value="best">Best</option>
  </select> 
 
  <textarea name="inputText" cols="100" rows="20" style="border:solid 1px orange;"><?php echo $thetext;?></textarea> 
  <p>
  <input type="submit" value="Rewrite" name="SubmitButton"/>
 
</form> 

2 个答案:

答案 0 :(得分:0)

预选选项的预期方法是在选项元素上设置selected属性,而不是在选择字段中添加value属性。

&#13;
&#13;
<select name="formQuality" id="formQuality">
<option value="acceptable" selected>Acceptable</option> 
<option value="good">Good</option>
<option value="better">Better</option>
<option value="excellent">Excellent</option>
<option value="best">Best</option>
</select> 
&#13;
&#13;
&#13;

这会在所有浏览器中产生预期结果,包括IE。

答案 1 :(得分:0)

使用selected =“selected” 像,

<option value="My Default" selected="selected">

将选项设为默认选定值。这适用于所有浏览器。