select发生改变使用js提交form表单

    有时一个表单有好几种操作，这时通过select提交表单是个好办法。

form表单如下：

    <form id=\"my_form\" method=\"get\" action=\"\">

            <input type=\"hidden\" name=\"action\" value=\"show\" />

            <select onchange=\"submitForm();\" name=\"kind\" style=\"background:#fff;border:1px solid #ccc;\">

                <option value=\"all\"></option>

                <option value=\"all\">默认全部</option>

                <option value=\"1\">文字广告</option>

                <option value=\"2\">头部广告690x80</option>

                <option value=\"3\">侧栏广告270x200</option>

            </select>       

    </form>

js代码：

 

//select单击提交表单

function submitForm(){

    var form = document.getElementById(\"my_form\");//获取form表单对象

    form.submit();//form表单提交

}

效果：http://localhost:8089/CMS1/admin/adver.php?action=show&kind=2

另：js也jQuery操作select

关注宁波网站建设博客，更多精彩分享，敬请期待！
 

Tags：

转载：感谢您对宁波网站建设博客网站平台的认可，以及对我们原创作品以及技术文章的青睐，非常欢迎各位朋友分享到个人站长或者朋友圈，但转载请说明文章出处“来源宁波网站建设博客”。/view/937.html

很赞哦！ ()