0

我有一个下面的代码，它有一个单选按钮，可以在两个文本区域（textarea1 和 textarea2）之间进行选择。如果我使用单选按钮选择第二个文本区域，我还使用 javascript 将一个文本区域保持在禁用状态。

下面是我的html代码：

<html>
<body>

<div class="emcsaninfo-symcli-main">
<form  id="form1" name="form1" action=" " method="post" > 

<div class="input">select your textarea</div>  
<input onclick="show_textarea_1()" type="radio" name="button" value="Text Area 1" <?php if (isset($_POST['button']) && $_POST['button'] == 'Text Area 1')  echo ' checked="checked"';?> />Text Area 1
<input onclick="show_textarea_2()" type="radio" name="button" value="Text Area 2" <?php if (isset($_POST['button']) && $_POST['button'] == 'Text Area 2')  echo ' checked="checked"';?> />Text Area 2   

<div id="textarea_1">
<div class="input">Enter your text area 1 message</div>
<div class="response"><span><textarea  class="textarea" id="textarea1" name="textarea1" type="text"><?php if(isset($_POST['textarea1'])) { echo htmlentities ($_POST['textarea1']); }?></textarea></span> </div>
</div>

<div id="textarea_2">
<div class="input">Enter your text area 2 message</div>
<div class="response"><span><textarea  class="textarea" id="textarea2" name="textarea2" type="text"><?php if(isset($_POST['textarea2'])) { echo htmlentities ($_POST['textarea2']); }?></textarea></span> </div>
</div>

<div class="submit">
<input  id="first_submit" type="submit"  name="first_submit" value="first_submit" />
</div>

</form>

<?php
if(!empty($_POST['textarea1']) || !empty($_POST['textarea2'] ) || !empty($_POST['output_textarea'] ) )
{
$textarea1 = $_POST['textarea1'];
$textarea2 = $_POST['textarea2'];

?>


<form  id="form2" name="form2" action=" " method="post" >
<textarea onclick="this.select()" name="output_textarea" id="output_textarea" cols="100" rows="25" readonly value="<?php if(isset($_POST['output_textarea'])) { echo htmlentities ($_POST['output_textarea']); }?>">
<?php

if(!empty($textarea1)){
echo $textarea1.PHP_EOL;
}

elseif (!empty($textarea2)){
echo $textarea2.PHP_EOL;
}
?>

</textarea>
</form> 

<?php
}
?>

</div>      
</html>
</body>

和 javascript 保持 textarea 处于禁用状态：

  function show_textarea_1()
   {
    $('#textarea2').attr("disabled","disabled");
    $('#textarea1').removeAttr("disabled"); 

  }

   function show_textarea_2()
   {

    $('#textarea1').attr("disabled","disabled");
    $('#textarea2').removeAttr("disabled");
   }

表单提交后，即使在表单提交后，我也需要将禁用的文本区域字段保持在禁用状态。我该怎么做 ？

4

0 回答 0