脚本在模态窗口中不起作用

时间:2014-06-17 11:50:21

标签: jquery

为什么这个脚本不能在模态窗口中工作的任何想法(PrettyPhoto)?我试过了

jQuery(document.body).ready(function(){ 

而不是

$(function() {

但结果相同:脚本正常工作在普通网页上但不在模态窗口中。

当我选择"新组"在下拉菜单中,脚本必须显示" tipoa"隐藏的文本字段。在模态窗口中,此字段不会隐藏。

<script type="text/javascript">
$(function() {
$(".forms").hide();
$("#typeg").change(function() {
switch($(this).val()){
case "new":
$(".forms").hide().parent().find("#form6").show();
break;
default: 
$(".forms").hide().parent().find("#form1").show();
break;
}
});
});
</script>

<form id="send" name="send">
Group:<br />
<select name="typeg" id="typeg">
<option value="29">Existing1</option>
<option value="30">Existing2</option>
<option value="new">New</option>
</select>
<div id="form1" class="forms"></div>
<div id="form6" class="forms">New group:<br /><input type="text" name="tipoa"/></div>
<input class="poga" type="submit" value="Save" name="submit" /></form>

1 个答案:

答案 0 :(得分:0)

这有效:

$(document.body).on('change','#typeg',function() {
var selected = $(this).val();
if(selected == 'new'){
$('#form6').show();
} else{ $('#form6').hide();}
});

和css:

#form6{display:none;}