0

以下のコードには、2 つのテキストエリア (textarea1 と textarea2) を選択するためのラジオ ボタンがあります。ラジオボタンを使用して2番目のテキストエリアを選択した場合、JavaScriptを使用して1つのテキストエリアを無効な状態に保ちます。

以下は私の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：

  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