进行< select>标记选择显示HTML [英] make the <select> tag selected display HTML

问题描述

如果所选的选项正确，我正在尝试显示一些HTML代码，这可能吗?

I'm trying to make appear some HTML code if the selected option is the right one, is it possible?

示例:

<select name="ref_rubrique">
   <option value="1"> number 1 </option>
   <option value="2" selected> number 2 </option>
</select>

和

<?php if( $selected==true ): ?>
  <p>hello<p>
<?php else(): ?>
  <p><p>
<?php endif(); ?>

推荐答案

如果有人在寻找我的解决方案，我就是这样做的:

I did it that way if anyone is looking for my solution:

<select name="ref_rubrique" id="ref_rubrique">
   <option value="11">11</option>
   <option value="12" selected>12</option>
   <option value="13">13</option>
</select>
<div id="ref_output">
   <?php 
   if (isset($_GET["id_rubrique"])){
      if($_GET["id_rubrique"]==12){
   ?>
         <p>Your question here !</p>
         <p><input name="type" type="radio" value="1" <? if($page_type=='true'){ ?>checked<? } ?>>Oui<input name="type" type="radio" value="0" <? if($page_type=='false'){ ?>checked<? } ?>>Non</p>
   <?php
      }
   }
   ?>
</div>
<script language="javascript" type="text/javascript">
   var selectElement = document.getElementById('ref_rubrique');
   var divElement = document.getElementById('ref_output');
   selectElement.onchange = function () {
   var selectedValue = selectElement.options[selectElement.selectedIndex].value;
   if (selectedValue == '12') {
        divElement.style.display = "block";
   } else if (selectedValue != '12') {
        divElement.style.display = "none";
   }
};
</script>

感谢大家的帮助，再见:)

Thanks to everyone for the help, bye :)

这篇关于进行< select>标记选择显示HTML的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！