Javascript 通过按钮调用的脚本调用窗体
我有一个按钮,可以调用带有一些选项的下拉列表,我正在尝试这样做,如果其中一个是select,则调用一个表单。我已经这么做了,但是这个选项不在脚本中。然后我做了这个代码,但不起作用 这是我的html代码:Javascript 通过按钮调用的脚本调用窗体,javascript,html,Javascript,Html,我有一个按钮,可以调用带有一些选项的下拉列表,我正在尝试这样做,如果其中一个是select,则调用一个表单。我已经这么做了,但是这个选项不在脚本中。然后我做了这个代码,但不起作用 这是我的html代码: <form class="formcriacao" action="inqueritos.php" method="post"> <input autocomplete="off" type="submit" class="btn" id="btvoltar" valu
<form class="formcriacao" action="inqueritos.php" method="post">
<input autocomplete="off" type="submit" class="btn" id="btvoltar" value="Voltar"><br><br>
<p class="txt1">Clique no botão a baixo para adicionar as perguntas pretendidas para o novo inquerito.</p>
<input type="button" method="post"class="btnadd" id="addperguntas"value="Adicionar Perguntas">
</form>
小集团不可能像新成立的新政府那样自命不凡
我的javascript代码:
<script>
$(document).ready(function() {
var max_fields = 30;
var wrapper = $(".formcriacao");
var add_button = $(".btnadd");
var x = 0;
$(add_button).click(function(e){
e.preventDefault();
if(x < max_fields){
x++;
$(wrapper).append('<div>\
<br><input class="txtpergunta" maxlength="100" type="text" name="mytext[]"/>  \<input type="submit" class="removepergunta" value="Remover"><br><br>\
<div class="dropdown">\
<p class="txttipopergunta">Tipo de Resposta: <select name="dropdown" size=1></p>\
<option value="1">Resposta de Texto</option>\
<option value="2">Resposta Multipla</option>\
</select>\
</div>');
}
});
$(wrapper).on("click",".removepergunta", function(e){
e.preventDefault(); $(this).parent('div').remove(); x--;
})
});
</script>
<script>
$('select[name="dropdown"]').change(function(){
if ($(this).val() == "2"){
$(dropdown).append('<div>\
<form>\
<input type="radio" name="gender" value="male"> <br>\
<input type="radio" name="gender" value="female"> <br>\
<input type="radio" name="gender" value="other"> \
</form>')
}
});
</script>
$(文档).ready(函数(){
var max_字段=30;
变量包装=$(“.formcriacao”);
变量添加按钮=$(“.btnadd”);
var x=0;
$(添加按钮)。单击(功能(e){
e、 预防默认值();
如果(x \
\
\
Tipo de Resposta:
\
德特克斯托酒店\
多重呼吸\
\
');
}
});
$(包装器).on(“单击”,.removepergunta”,函数(e){
e、 preventDefault();$(this).parent('div').remove();x--;
})
});
$('select[name=“dropdown”]”)。更改(函数(){
如果($(this.val()=“2”){
$(下拉列表).append('\
\
\
\
\
')
}
});
请帮忙
谢谢。检查代码段,$(下拉)。append(),这是一个错误的操作,请检查代码,我希望它符合您的意思:D
jQuery(文档).ready(函数(){
var max_字段=30;
var wrapper=jQuery(“.formcriacao”);
var add_button=jQuery(“.btnadd”);
var x=0;
jQuery(添加按钮)。单击(函数(e){
e、 预防默认值();
如果(x \
\
\
Tipo de Resposta:
\
德特克斯托酒店\
多重呼吸\
\
');
}
});
jQuery(wrapper).on(“click”,“.removepergunta”,函数(e){
e、 preventDefault();jQuery(this).parent('div').remove();x--;
})
});
jQuery('body')。在('change','select[name=dropdown]',function()上{
if(jQuery(this.val()=“2”){
jQuery(jQuery('.dropdown')).append('\
\
男性
\
女性
\
其他\
')
}
});代码>
小集团不可能像新成立的新政府那样自命不凡
试试这个
$('show')。在('click',函数(){
$('.center').show();
$(this.hide();
})
$('#close')。在('click',函数(){
$('.center').hide();
$('#show').show();
})
.center{
保证金:自动;
宽度:60%;
填充:20px;
盒影:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
}
hideform先生{
显示:无;
}
X
名字:
姓氏:
调用表单
$(dropdown).append(),这里的下拉变量是什么$(dropdown).append()检查上面的类下拉列表。然后您需要触发的更改
事件选择[name=dropdown]
然后它就可以工作了。你的代码有很多bug,编写这段代码的意图一点也不清楚。代码可能会有点混乱,因为你仍然在学习如何编程。非常感谢你的帮助,现在我必须找到一种方法,使它不会在所有问题上发生变化。Akhil Aravind的第一次编辑可以工作,但顺便说一句,谢谢。我很抱歉创建一个代码,该代码自动增加btnadd按钮创建的每个div的id。