我想在单击选择表单中的某个选项后显示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>
答案 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");
});
});
答案 2 :(得分:1)
它可能无效,因为您的选择器适用于标识为select
的{{1}}元素。如果我理解正确,您希望在选择特定show_pay
时显示此div
。这是一种方式 - option
仅在所选元素是您想要的元素时显示,在所有其他情况下,如果当前显示,则隐藏它。
div