Question

我想在单击选择表单中的某个选项后显示div。我怎样才能做到这一点？在我的代码下面不起作用。

感谢

<div class="type-select" style="width:500px;">
<select name="rechten" id="rechten">
  <option value="MYSET"><?php echo $lang->str("txt_myset"); ?></option>
      <option value="FULL"><?php echo $lang->str("txt_full"); ?></option>
      <option value="PAY" id="show_pay"><?php echo $lang->str("txt_pay"); ?></option>
      <option value="NULL"><?php echo $lang->str("txt_null"); ?></option>                 
</select>
</div>


<div id="pay_block" style="width:500px;display:none;position:relative;">
<?php print($lang->str("txt_price")); ?>: 
<div class="type-text" >
  <textarea name="prijs" cols="140" id="prijs" style="height:18px"></textarea>  
</div>      
</div>


<script>
$("select#show_pay").click(function(){
    $("#pay_block").slideToggle("slow");
});
</script>

Answer 1

$("select").change(function(){
    if($("#show_pay").is(":selected")){
        $("#pay_block").slideDown("slow");
    } else { $("#pay_block").slideUp("slow"); } 
});

Answer 2

$(function () {
  $('select#rechten').change(function () {
    if ($('#pay_block').css('display')=='none')
        $("#pay_block").slideToggle("slow");
  });
});

http://jsfiddle.net/pDwCB/

Answer 3

它可能无效，因为您的选择器适用于标识为select的{{1}}元素。如果我理解正确，您希望在选择特定show_pay时显示此div 。这是一种方式 - option仅在所选元素是您想要的元素时显示，在所有其他情况下，如果当前显示，则隐藏它。

div

在表单选择中选择选项后，jquery显示div

3 个答案: