Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/c/68.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 通过按钮调用的脚本调用窗体_Javascript_Html - Fatal编程技术网

Javascript 通过按钮调用的脚本调用窗体

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

我有一个按钮,可以调用带有一些选项的下拉列表,我正在尝试这样做,如果其中一个是select,则调用一个表单。我已经这么做了,但是这个选项不在脚本中。然后我做了这个代码,但不起作用

这是我的html代码:

<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[]"/>&nbsp&nbsp\<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。