Table of Contents
非专利微信平台交流会签到
回复讨论(解决方案)
Home Web Front-end HTML Tutorial 用户注册提交如何进行前后端交互,我是新手做前端的不懂后端的,该如何改代码让它可以交互!急用_html/css_WEB-ITnose

用户注册提交如何进行前后端交互,我是新手做前端的不懂后端的,该如何改代码让它可以交互!急用_html/css_WEB-ITnose

Jun 24, 2016 am 11:24 AM


    

非专利微信平台交流会签到


    【地点】:南京市
    2016年01月14日
    

    

        
        
    

    

输入不得为空。


    

        
        
    

    

输入不得为空。


        

        
        
    

    

输入不得为空。


    

        
        
    

输入不得为空。


    

        

    

<script> <br /> // 1. 获取省份列表,绑定onchange事件 <br /> var provinceElement = document.getElementById("province1"); <br /> provinceElement.onchange = function(){ <br /> // 清空城市列表 <br /> var cityElement = document.getElementById("city"); <br /> var opts = cityElement.getElementsByTagName("option"); <br /> for(var z=1;z<opts.length;z++){ <br /> cityElement.removeChild(opts[z]); <br /> z--; <br /> } <br /> var provinceValue = provinceElement.value; <br /> var cities; <br /> switch (provinceValue){ <br /> case "北京": <br /> cities = ['北京']; <br /> break; <br /> case "天津": <br /> cities = ['天津']; <br /> break; <br /> case "上海": <br /> cities = ['上海']; <br /> break; <br /> case "重庆": <br /> cities = ['重庆']; <br /> break; <br /> case "深圳": <br /> cities = ['深圳']; <br /> break; <br /> case "广东": <br /> cities = ['广州','珠海','中山','佛山','东莞','清远','肇庆','阳江','湛江','韶关','惠州','河源','汕尾','汕头','梅州']; <br /> break; <br /> case "河北": <br /> cities = ['石家庄','唐山','秦皇岛','邯郸','邢台','张家口','承德','廊坊','沧州','保定','衡水']; <br /> break; <br /> case "山西": <br /> cities = ['太原','大同','阳泉','朔州','长治','临汾','晋城']; <br /> break; <br /> case "内蒙古": <br /> cities = ['呼和浩特','包头','乌海','临河','东胜','集宁','锡林浩特','通辽','赤峰','海拉尔','乌兰浩特']; <br /> break; <br /> case "辽宁": <br /> cities = ['沈阳','大连','鞍山','锦州','丹东','盘锦','铁岭','抚顺','营口','辽阳','阜新','本溪','朝阳','葫芦岛']; <br /> break; <br /> case "吉林": <br /> cities = ['长春','吉林','四平','辽源','通化','白山','松原','白城','延边']; <br /> break; <br /> case "黑龙江": <br /> cities = ['哈尔滨','齐齐哈尔','牡丹江','佳木斯','大庆','伊春','黑河','鸡西','鹤岗','双鸭山','七台河','绥化','大兴安岭']; <br /> break; <br /> case "江苏": <br /> cities = ['南京','苏州','无锡','常州','镇江','连云港 ','扬州','徐州 ','南通','盐城','淮阴','泰州','宿迁']; <br /> break; <br /> case "浙江": <br /> cities = ['杭州','湖州','丽水','温州','绍兴','舟山','嘉兴','金华','台州','衢州','宁波']; <br /> break; <br /> case "安徽": <br /> cities = ['合肥 ','芜湖 ','蚌埠 ','滁州 ','安庆 ','六安 ','黄山 ','宣城 ','淮南 ','宿州 ','马鞍山 ','铜陵','淮北 ','阜阳 ','池州 ','巢湖 ','亳州']; <br /> break; <br /> case "福建": <br /> cities = ['福州 ','厦门 ','泉州 ','漳州 ','龙岩 ','南平 ','宁德 ','莆田 ','三明']; <br /> break; <br /> case "江西": <br /> cities = ['南昌','景德镇','九江','萍乡','新余','鹰潭','赣州','宜春','吉安','上饶','抚州']; <br /> break; <br /> case "山东": <br /> cities = ['济南','青岛','淄博','德州','烟台','潍坊','济宁','泰安','临沂','菏泽','威海','枣庄','日照','莱芜','聊城','滨州','东营']; <br /> break; <br /> case "河南": <br /> cities = ['郑州','开封','洛阳','平顶山','安阳','鹤壁','新乡','焦作','濮阳','许昌','漯河','三门峡','南阳','商丘','周口','驻马店','信阳','济源']; <br /> break; <br /> case "湖北": <br /> cities = ['武汉','黄石','十堰','荆州','宜昌','襄樊','鄂州','荆门','孝感','黄冈','咸宁','恩施','随州','仙桃','天门','潜江','神农架']; <br /> break; <br /> case "湖南": <br /> cities = ['长沙','株州','湘潭','衡阳','邵阳','岳阳','常德','郴州','益阳','永州','怀化','娄底','湘西 ']; <br /> break; <br /> case "广西": <br /> cities = ['南宁','柳州','桂林','梧州','北海','防城港','钦州','贵港','玉林','贺州','百色','河池']; <br /> break; <br /> case "海南": <br /> cities = ['海口 ','三亚','通什','琼海','琼山','文昌','万宁','东方','儋州']; <br /> break; <br /> case "四川": <br /> cities = ['成都','自贡','攀枝花','泸州','德阳','绵阳','广元','遂宁','内江','乐山','南充 ','宜宾','广安','达川','巴中','雅安','眉山 ','阿坝 ','甘孜 ','凉山 ']; <br /> break; <br /> case "贵州": <br /> cities = ['贵阳 ','六盘水','遵义','铜仁','毕节','安顺','黔西南 ','黔东南','黔南']; <br /> break; <br /> case "云南": <br /> cities = ['昆明','东川','曲靖','玉溪','昭通','思茅','临沧','保山','丽江','文山 ','红河 ','西双版纳 ','楚雄 ','大理 ','德宏 ','怒江','迪庆']; <br /> break; <br /> case "西藏": <br /> cities = ['拉萨','那曲','昌都','山南','日喀则','阿里','林芝']; <br /> break; <br /> case "陕西": <br /> cities = ['西安','铜川','宝鸡','咸阳','渭南','延安','汉中','榆林','商洛','安康']; <br /> break; <br /> case "甘肃": <br /> cities = ['兰州','金昌','白银','天水','嘉峪关','定西','平凉','庆阳','陇南','武威','张掖','酒泉','甘南 ','临夏']; <br /> break; <br /> case "青海": <br /> cities = ['西宁','海东',' 海北 ','黄南','海南','果洛','玉树','海西']; <br /> break; <br /> case "宁夏": <br /> cities = ['银川','石嘴山','银南','固原']; <br /> break; <br /> case "新疆": <br /> cities = ['乌鲁木齐','克拉玛依','石河子','吐鲁番','哈密','和田','阿克苏','喀什','克孜勒苏','巴音郭楞','昌吉','博尔塔拉','伊犁']; <br /> break; <br /> case "香港": <br /> cities = ['香港']; <br /> break; <br /> case "澳门": <br /> cities = ['澳门']; <br /> break; <br /> case "台湾": <br /> cities = ['台湾']; <br /> break; <br /> } <br /> for(var i=0;i<cities.length;i++){ <br /> var cityValue = cities[i]; <br /> var option = document.createElement("option"); <br /> var textNode = document.createTextNode(cityValue); <br /> option.appendChild(textNode); <br /> cityElement.appendChild(option); <br /> } <br /> } <br /> </script>

输入不得为空。


    

        

    

 

输入不得为空。


        

        
        
    

    

输入不得为空。


        




<script></script>



<script> <br /> function link(){ <br /> var name = $('#name input').val(); <br /> var danwei = $('#danwei input').val(); <br /> var bumen = $('#bumen input').val(); <br /> var phone = $('#phone input').val(); <br /> if(name=="" || danwei=="" || bumen == "" || phone==""){ <br /> alert('签到信息未完善!') <br /> } <br /> else{ <br /> alert('签到成功!'); <br /> window.location.href='check-in.html'; <br /> } <br /> } <br /></script>

<script></script>
<script> <br /> !window.jQuery&&document.write('<script src="js/jquery.min.js"><\/script>'); <br /></script>
<script></script>

<script> <br /> // 这个脚本是 ie6和ie7 通用的脚本 <br /> function custom_close(){ <br /> if <br /> (confirm("您确定要关闭本页吗?")){ <br /> window.opener=null; <br /> window.open('','_self'); <br /> window.close(); <br /> } <br /> else{} <br /> } <br /></script>


回复讨论(解决方案)

省份信息应该从数据库读取,不要写死,这样会使网页打开变慢。可以通过表单提交,也可以通过javascript发出ajax请求来与后台交互。当然,后台要有相应的处理程序来对你的请求做出响应。

可以把我的代码改成你说的方式发给我吗,我不会改!

前端取数据组装成页面,再将新数据返回给后端。。。。交互使用ajax就可以 了。

Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

Video Face Swap

Video Face Swap

Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

Is HTML easy to learn for beginners? Is HTML easy to learn for beginners? Apr 07, 2025 am 12:11 AM

HTML is suitable for beginners because it is simple and easy to learn and can quickly see results. 1) The learning curve of HTML is smooth and easy to get started. 2) Just master the basic tags to start creating web pages. 3) High flexibility and can be used in combination with CSS and JavaScript. 4) Rich learning resources and modern tools support the learning process.

The Roles of HTML, CSS, and JavaScript: Core Responsibilities The Roles of HTML, CSS, and JavaScript: Core Responsibilities Apr 08, 2025 pm 07:05 PM

HTML defines the web structure, CSS is responsible for style and layout, and JavaScript gives dynamic interaction. The three perform their duties in web development and jointly build a colorful website.

Understanding HTML, CSS, and JavaScript: A Beginner's Guide Understanding HTML, CSS, and JavaScript: A Beginner's Guide Apr 12, 2025 am 12:02 AM

WebdevelopmentreliesonHTML,CSS,andJavaScript:1)HTMLstructurescontent,2)CSSstylesit,and3)JavaScriptaddsinteractivity,formingthebasisofmodernwebexperiences.

What is an example of a starting tag in HTML? What is an example of a starting tag in HTML? Apr 06, 2025 am 12:04 AM

AnexampleofastartingtaginHTMLis,whichbeginsaparagraph.StartingtagsareessentialinHTMLastheyinitiateelements,definetheirtypes,andarecrucialforstructuringwebpagesandconstructingtheDOM.

Gitee Pages static website deployment failed: How to troubleshoot and resolve single file 404 errors? Gitee Pages static website deployment failed: How to troubleshoot and resolve single file 404 errors? Apr 04, 2025 pm 11:54 PM

GiteePages static website deployment failed: 404 error troubleshooting and resolution when using Gitee...

How to use CSS3 and JavaScript to achieve the effect of scattering and enlarging the surrounding pictures after clicking? How to use CSS3 and JavaScript to achieve the effect of scattering and enlarging the surrounding pictures after clicking? Apr 05, 2025 am 06:15 AM

To achieve the effect of scattering and enlarging the surrounding images after clicking on the image, many web designs need to achieve an interactive effect: click on a certain image to make the surrounding...

How to implement adaptive layout of Y-axis position in web annotation? How to implement adaptive layout of Y-axis position in web annotation? Apr 04, 2025 pm 11:30 PM

The Y-axis position adaptive algorithm for web annotation function This article will explore how to implement annotation functions similar to Word documents, especially how to deal with the interval between annotations...

HTML, CSS, and JavaScript: Essential Tools for Web Developers HTML, CSS, and JavaScript: Essential Tools for Web Developers Apr 09, 2025 am 12:12 AM

HTML, CSS and JavaScript are the three pillars of web development. 1. HTML defines the web page structure and uses tags such as, etc. 2. CSS controls the web page style, using selectors and attributes such as color, font-size, etc. 3. JavaScript realizes dynamic effects and interaction, through event monitoring and DOM operations.

See all articles