宁波网站建设咨询:宁波网站建设
13780026116 宁波网站制作
网站公告
PHP技术
技术交流
网络推广
网站建设常见问答
殷雯动态
你的位置:首页> 新闻/观点 > 网站建设常见问答>select发生改变使用js提交form表单
网站建设常见问答
select发生改变使用js提交form表单

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


点击:  1503    时间: 2018-03-16
上一条: 文化局在我公司文艺演出
下一条: phpstorm启动慢怎么解决
 
 
快速通道: 关于我们    网站建设    主机域名    付款方式    我的声明
  
联系我们
手机扫描QQ
网站建设咨询:
咨询热线:
宁波殷雯网站建设工作室
地 址: 浙江省宁波市江东区
电 话: 13780026116 
邮 箱:
waichun@qq.com
宁波网站建设
宁波网站制作
13780026116
宁波殷雯网站建设工作室 版权所有   浙ICP备16030041号-1