Fatal编程技术网
  • javascript/
  • Javascript 点击任何按钮提交表单。如何停止？

Javascript 点击任何按钮提交表单。如何停止？

javascript php html forms

Javascript 点击任何按钮提交表单。如何停止？,javascript,php,html,forms,Javascript,Php,Html,Forms,我正在尝试创建一个表单，它将接受用户输入来创建数据库查询。我有三个按钮：和，或者，Run 我通过点击按钮和/或创建动态元素 div搜索列表是包含元素的容器。 我需要在点击运行时提交表单 奇怪的是，每当我点击任何按钮，表单就会被提交。我该怎么阻止它？如果你需要更多信息，请告诉我 谢谢 <html> <head> <script type="text/javascript"> var cou

我正在尝试创建一个表单，它将接受用户输入来创建数据库查询。我有三个按钮：和，或者，Run

我通过点击按钮和/或创建动态元素

div搜索列表是包含元素的容器。 我需要在点击运行时提交表单

奇怪的是，每当我点击任何按钮，表单就会被提交。我该怎么阻止它？如果你需要更多信息，请告诉我

谢谢

        <html>
        <head>
        <script type="text/javascript">

            var count = 0;
            function loadfirst(){
                count=1;
                addFilter('');
            }
            function addFilter(flag){
                var div = document.querySelector("#search_list"); 
                tr = document.createElement("tr");
                select = document.createElement("select");
                var sear_value = document.createElement("input");
                var and_or = document.createTextNode(flag);
                tr.id='tr_'+count;
                select.id='sl_'+count;
                sear_value.id='sear_value_'+count;

                select.options.add( new Option("user id","user_id", true,true) );
                select.options.add( new Option("First name","first_name"));
                select.options.add( new Option("Last name","last_name"));
                select.options.add( new Option("Course","course"));

                sear_value.type="text";

                if(count<=1){
                    var bt_and= document.createElement("button");
                    bt_and.id='and';
                    var bt_label = document.createTextNode("And");
                    bt_and.appendChild(bt_label);
                    bt_and.addEventListener('click', function() {
                        addFilter('and');
                        return false;
                    });

                    var bt_or= document.createElement("button");
                    bt_or.id='or';
                    var bt_label = document.createTextNode("Or");
                    bt_or.appendChild(bt_label);
                    bt_or.addEventListener('click', function() {
                        addFilter('or');
                        return false;
                    }); 
                }
                else{
                    var bt_rem= document.createElement("button");
                    bt_rem.id='rem_'+count;
                    var bt_label1 = document.createTextNode("x");
                    bt_rem.appendChild(bt_label1);
                    var tr_id = 'tr_'+count;

                    bt_rem.addEventListener('click', function() {
                    var element= document.getElementById(tr_id);
                        element.parentNode.removeChild(element);
                        return false;
                    });
                }

                tr.appendChild(and_or);
                tr.appendChild(select);
                tr.appendChild(sear_value);
                if(count<=1){
                    tr.appendChild(bt_and);
                    tr.appendChild(bt_or);
                }
                else{
                    tr.appendChild(bt_rem);
                }
                div.appendChild(tr);

                count++;
            }

            function getFilter(){

                alert();

            }




        </script>
        </head>

        <body onload="loadfirst()">

        <span id='manage_stud_header' class= 'list_header'>

            <label><?php echo $module_name;?></label>
            &nbsp;&nbsp;
            <center>
                <form>
                <div id='search_list' class='search'></div>
                <button id="run_filter" type="submit">Run</button>
                </form>
            </center>

        </span>
        </body>
        </html>


var计数=0；
函数loadfirst（）{
计数=1；
addFilter（“”）；
}
函数addFilter（标志）{
var div=document.querySelector（“搜索列表”）；
tr=document.createElement（“tr”）；
选择=document.createElement（“选择”）；
var sear_value=document.createElement（“输入”）；
var和_或=document.createTextNode（标志）；
tr.id='tr_'+计数；
选择.id='sl'+count；
sear_value.id='sear_value'+count；
select.options.add（新选项（“用户id”，“用户id”，true，true））；
选择.options.add（新选项（“名字”、“名字”））；
选择.options.add（新选项（“姓氏”、“姓氏”）；
选择.options.add（新选项（“课程”、“课程”））；
sear_value.type=“text”；

如果（count按钮的默认类型是“提交”，那么您必须明确表示您想要一个普通按钮：


var bt_and= document.createElement("button");
bt_and.type = "button";


这样，它在单击时不会提交表单。（当然，除非您告诉它：）
您必须更改


 <button  id = "run_filter"  type = "submit" > Run </button> 



运行


在



我真是个傻瓜。这是一件小事，我忘了：）