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

时间:2011-03-24 21:47:29

标签: jquery

我想在单击选择表单中的某个选项后显示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>   

3 个答案:

答案 0 :(得分:2)

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

答案 1 :(得分:1)

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

http://jsfiddle.net/pDwCB/

答案 2 :(得分:1)

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

div