jQuery+PHP+MySQL简单无限级联实现-php手册-php.cn

Rumah

php教程

php手册

jQuery+PHP+MySQL简单无限级联实现

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Jun 06, 2016 pm 07:47 PM

capai tidak terhad Mudah lata

本文简单实现jQuery无限级联效果。主要包含3个文件：index.html（主页），wuxianjilian.php（数据处理），wuxianjilian.sql（MySQL数据文件） 1. index.html 1 html 2 head 3 title 无限级联 / title 4 meta http-equiv ="Content-Type" content ="text/htm

本文简单实现jQuery无限级联效果。

主要包含3个文件：index.html（主页），wuxianjilian.php（数据处理），wuxianjilian.sql（MySQL数据文件）

1. index.html

<span> 1</span> <span><span>html</span><span>></span>
<span> 2</span> <span><span>head</span><span>></span>
<span> 3</span>     <span><span>title</span><span>></span>无限级联<span></span><span>title</span><span>></span>
<span> 4</span>     <span><span>meta </span><span>http-equiv</span><span>="Content-Type"</span><span> content</span><span>="text/html; charset=utf-8"</span> <span>/></span>
<span> 5</span>     <span><span>meta </span><span>http-equiv</span><span>="Content-Language"</span><span> content</span><span>="zh-CN"</span> <span>/></span>
<span> 6</span>     <span><span>script </span><span>type</span><span>="text/javascript"</span><span> src</span><span>="http://files.cnblogs.com/Zjmainstay/jquery-1.6.2.min.js"</span><span>></span><span>script</span><span>></span>
<span> 7</span> <span></span><span>head</span><span>></span>
<span> 8</span> <span><span>body</span><span>></span>
<span> 9</span> <span><span>div </span><span>id</span><span>="jilianContainer"</span><span>></span><span>div</span><span>></span>
<span>10</span> <span><span>script </span><span>type</span><span>="text/javascript"</span><span>></span>
<span>11</span> <span>$(document).ready(</span><span>function</span><span>(){
</span><span>12</span>     <span>var</span><span> getData </span><span>=</span> <span>function</span><span>(obj){
</span><span>13</span> <span>        $.ajax({
</span><span>14</span> <span>            url:</span><span>'</span><span>wuxianjilian.php</span><span>'</span><span>,
</span><span>15</span> <span>            type:</span><span>'</span><span>POST</span><span>'</span><span>,
</span><span>16</span> <span>            data:{</span><span>"</span><span>pid</span><span>"</span><span>:obj.val()},
</span><span>17</span> <span>            dataType:</span><span>'</span><span>json</span><span>'</span><span>,
</span><span>18</span> <span>            async:</span><span>false</span><span>,
</span><span>19</span> <span>            success:</span><span>function</span><span>(data){
</span><span>20</span>                 <span>if</span><span>($(</span><span>"</span><span>.selection</span><span>"</span><span>).length){
</span><span>21</span> <span>                    $(</span><span>"</span><span>.selection:gt(</span><span>"</span><span>+</span><span>$(obj).index()</span><span>+</span><span>"</span><span>)</span><span>"</span><span>).remove();    </span><span>//</span><span>移除后面所有子级下拉菜单</span>
<span>22</span> <span>                    $(</span><span>"</span><span>.selection:last</span><span>"</span><span>).after(data);                    </span><span>//</span><span>添加子级下拉菜单</span>
<span>23</span> <span>                }</span><span>else</span><span> {
</span><span>24</span> <span>                    $(</span><span>"</span><span>#jilianContainer</span><span>"</span><span>).append(data);                    </span><span>//</span><span>初始加载情况</span>
<span>25</span> <span>                }
</span><span>26</span>                 <span>//</span><span>所有下拉响应</span>
<span>27</span> <span>                $(</span><span>"</span><span>.selection</span><span>"</span><span>).unbind().change(</span><span>function</span><span>(){
</span><span>28</span> <span>                    getData($(</span><span>this</span><span>));
</span><span>29</span> <span>                });
</span><span>30</span> <span>            },
</span><span>31</span> <span>            error:</span><span>function</span><span>(msg){
</span><span>32</span> <span>                alert(</span><span>'</span><span>error</span><span>'</span><span>);
</span><span>33</span> <span>            }
</span><span>34</span> <span>        });
</span><span>35</span> <span>    }
</span><span>36</span>     
<span>37</span>     <span>//</span><span>Init</span>
<span>38</span> <span>    getData($(</span><span>this</span><span>));
</span><span>39</span>     
<span>40</span> <span>});
</span><span>41</span> <span></span><span>script</span><span>></span>
<span>42</span> 
<span>43</span> <span><!--</span><span> 数据存储示例，仅提取数据，不做操作 </span><span>--></span>
<span>44</span> 
<span>45</span> <span><span>div </span><span>style</span><span>="height:100px;display:block;"</span><span>></span><span>div</span><span>></span>
<span>46</span> <span><span>input </span><span>type</span><span>="button"</span><span> value</span><span>="存储数据"</span><span> id</span><span>="save"</span><span>></span><span>input</span><span>></span>
<span>47</span> <span><span>script </span><span>type</span><span>="text/javascript"</span><span>></span>
<span>48</span> <span>$(document).ready(</span><span>function</span><span>(){
</span><span>49</span> <span>    $(</span><span>"</span><span>#save</span><span>"</span><span>).click(</span><span>function</span><span>(){
</span><span>50</span>         <span>var</span><span> data </span><span>=</span><span> [];
</span><span>51</span> <span>        $(</span><span>"</span><span>.selection</span><span>"</span><span>).each(</span><span>function</span><span>(){
</span><span>52</span> <span>            data.push($.trim($(</span><span>this</span><span>).val()));
</span><span>53</span> <span>        })
</span><span>54</span>         
<span>55</span> <span>        alert(data.join(</span><span>'</span><span>,</span><span>'</span><span>));
</span><span>56</span> <span>    });
</span><span>57</span> <span>});
</span><span>58</span> <span></span><span>script</span><span>></span>
<span>59</span> 
<span>60</span> <span></span><span>body</span><span>></span>
<span>61</span> <span></span><span>html</span><span>></span></span></span></span></span></span></span></span></span></span></span></span></span>

Salin selepas log masuk

2. wuxianjilian.php

<span> 1</span> <span>php
</span><span> 2</span>     <span>header</span>("Content-type: text/html; charset=utf-8"<span>); 
</span><span> 3</span> 
<span> 4</span>     <span>//</span><span>数据库连接操作</span>
<span> 5</span>     <span>$conn</span> = <span>mysql_connect</span>("localhost","Zjmainstay","") or <span>die</span>("Can not connect to database.Fatal error handle by ". <span>__FILE__</span><span>);
</span><span> 6</span>     <span>mysql_select_db</span>("test",<span>$conn</span>);            <span>//</span><span>数据库名为 test</span>
<span> 7</span>     <span>mysql_query</span>("SET NAMES utf8",<span>$conn</span><span>);
</span><span> 8</span>     
<span> 9</span>     <span>//</span><span>获取父级id</span>
<span>10</span>     <span>$pid</span> = (int)<span>$_POST</span>['pid'<span>];
</span><span>11</span>     
<span>12</span>     <span>//</span><span>查询子级</span>
<span>13</span>     <span>$sql</span> = "SELECT id,text FROM `wuxianjilian` WHERE pid={<span>$pid</span>}"<span>;
</span><span>14</span>     <span>$result</span> = <span>mysql_query</span>(<span>$sql</span>,<span>$conn</span><span>);
</span><span>15</span>     
<span>16</span>     <span>//</span><span>组装子级下拉菜单</span>
<span>17</span>     <span>$html</span> = ''<span>;
</span><span>18</span>     <span>while</span>(<span>$row</span> = <span>mysql_fetch_assoc</span>(<span>$result</span><span>)){
</span><span>19</span>         <span>$html</span> .= '<option value="'.<span>$row</span>['id'].'">'.<span>$row</span>['text'].'</option>'<span>;
</span><span>20</span> <span>    }
</span><span>21</span> 
<span>22</span>     <span>if</span>(!<span>empty</span>(<span>$html</span>)) <span>$html</span> = '<select class="selection"><option value="">请选择</option>' . <span>$html</span> . '</select>'<span>;
</span><span>23</span>     
<span>24</span>     <span>//</span><span>输出下拉菜单</span>
<span>25</span>     <span>echo</span> json_encode(<span>$html</span><span>);
</span><span>26</span> <span>//</span><span>End_php</span>

Salin selepas log masuk

3. wuxianjilian.sql

<span> 1</span> <span>wuxianjilian.sql
</span><span> 2</span> <span>/*</span>
<span> 3</span> <span>Navicat MySQL Data Transfer
</span><span> 4</span> 
<span> 5</span> <span>Source Server         : localhost
</span><span> 6</span> <span>Source Server Version : 50516
</span><span> 7</span> <span>Source Host           : localhost:3306
</span><span> 8</span> <span>Source Database       : test
</span><span> 9</span> 
<span>10</span> <span>Target Server Type    : MYSQL
</span><span>11</span> <span>Target Server Version : 50516
</span><span>12</span> <span>File Encoding         : 65001
</span><span>13</span> 
<span>14</span> <span>Date: 2012-10-24 20:59:09
</span><span>15</span> <span>*/</span>
<span>16</span> 
<span>17</span> <span>SET</span> FOREIGN_KEY_CHECKS<span>=</span><span>0</span><span>;
</span><span>18</span> <span>--</span><span> ----------------------------</span>
<span>19</span> <span>--</span><span> Table structure for `wuxianjilian`</span>
<span>20</span> <span>--</span><span> ----------------------------</span>
<span>21</span> <span>DROP</span> <span>TABLE</span> <span>IF</span> <span>EXISTS</span><span> `wuxianjilian`;
</span><span>22</span> <span>CREATE</span> <span>TABLE</span><span> `wuxianjilian` (
</span><span>23</span>   `id` <span>int</span>(<span>11</span>) <span>NOT</span> <span>NULL</span><span> AUTO_INCREMENT,
</span><span>24</span>   `pid` <span>int</span>(<span>11</span>) <span>DEFAULT</span> <span>NULL</span><span>,
</span><span>25</span>   `<span>text</span>` <span>varchar</span>(<span>32</span>) <span>DEFAULT</span> <span>NULL</span><span>,
</span><span>26</span>   <span>PRIMARY</span> <span>KEY</span><span> (`id`)
</span><span>27</span> ) ENGINE<span>=</span>InnoDB AUTO_INCREMENT<span>=</span><span>22</span> <span>DEFAULT</span> CHARSET<span>=</span><span>utf8;
</span><span>28</span> 
<span>29</span> <span>--</span><span> ----------------------------</span>
<span>30</span> <span>--</span><span> Records of wuxianjilian</span>
<span>31</span> <span>--</span><span> ----------------------------</span>
<span>32</span> <span>INSERT</span> <span>INTO</span> `wuxianjilian` <span>VALUES</span> (<span>'</span><span>1</span><span>'</span>, <span>'</span><span>0</span><span>'</span>, <span>'</span><span>A0</span><span>'</span><span>);
</span><span>33</span> <span>INSERT</span> <span>INTO</span> `wuxianjilian` <span>VALUES</span> (<span>'</span><span>2</span><span>'</span>, <span>'</span><span>0</span><span>'</span>, <span>'</span><span>B0</span><span>'</span><span>);
</span><span>34</span> <span>INSERT</span> <span>INTO</span> `wuxianjilian` <span>VALUES</span> (<span>'</span><span>3</span><span>'</span>, <span>'</span><span>1</span><span>'</span>, <span>'</span><span>C1</span><span>'</span><span>);
</span><span>35</span> <span>INSERT</span> <span>INTO</span> `wuxianjilian` <span>VALUES</span> (<span>'</span><span>4</span><span>'</span>, <span>'</span><span>1</span><span>'</span>, <span>'</span><span>D1</span><span>'</span><span>);
</span><span>36</span> <span>INSERT</span> <span>INTO</span> `wuxianjilian` <span>VALUES</span> (<span>'</span><span>5</span><span>'</span>, <span>'</span><span>1</span><span>'</span>, <span>'</span><span>E1</span><span>'</span><span>);
</span><span>37</span> <span>INSERT</span> <span>INTO</span> `wuxianjilian` <span>VALUES</span> (<span>'</span><span>6</span><span>'</span>, <span>'</span><span>2</span><span>'</span>, <span>'</span><span>F2</span><span>'</span><span>);
</span><span>38</span> <span>INSERT</span> <span>INTO</span> `wuxianjilian` <span>VALUES</span> (<span>'</span><span>7</span><span>'</span>, <span>'</span><span>2</span><span>'</span>, <span>'</span><span>G2</span><span>'</span><span>);
</span><span>39</span> <span>INSERT</span> <span>INTO</span> `wuxianjilian` <span>VALUES</span> (<span>'</span><span>8</span><span>'</span>, <span>'</span><span>3</span><span>'</span>, <span>'</span><span>H3</span><span>'</span><span>);
</span><span>40</span> <span>INSERT</span> <span>INTO</span> `wuxianjilian` <span>VALUES</span> (<span>'</span><span>9</span><span>'</span>, <span>'</span><span>3</span><span>'</span>, <span>'</span><span>I3</span><span>'</span><span>);
</span><span>41</span> <span>INSERT</span> <span>INTO</span> `wuxianjilian` <span>VALUES</span> (<span>'</span><span>10</span><span>'</span>, <span>'</span><span>3</span><span>'</span>, <span>'</span><span>J3</span><span>'</span><span>);
</span><span>42</span> <span>INSERT</span> <span>INTO</span> `wuxianjilian` <span>VALUES</span> (<span>'</span><span>11</span><span>'</span>, <span>'</span><span>3</span><span>'</span>, <span>'</span><span>K3</span><span>'</span><span>);
</span><span>43</span> <span>INSERT</span> <span>INTO</span> `wuxianjilian` <span>VALUES</span> (<span>'</span><span>12</span><span>'</span>, <span>'</span><span>4</span><span>'</span>, <span>'</span><span>L4</span><span>'</span><span>);
</span><span>44</span> <span>INSERT</span> <span>INTO</span> `wuxianjilian` <span>VALUES</span> (<span>'</span><span>13</span><span>'</span>, <span>'</span><span>4</span><span>'</span>, <span>'</span><span>M4</span><span>'</span><span>);
</span><span>45</span> <span>INSERT</span> <span>INTO</span> `wuxianjilian` <span>VALUES</span> (<span>'</span><span>14</span><span>'</span>, <span>'</span><span>8</span><span>'</span>, <span>'</span><span>N8</span><span>'</span><span>);
</span><span>46</span> <span>INSERT</span> <span>INTO</span> `wuxianjilian` <span>VALUES</span> (<span>'</span><span>15</span><span>'</span>, <span>'</span><span>9</span><span>'</span>, <span>'</span><span>N9</span><span>'</span><span>);
</span><span>47</span> <span>INSERT</span> <span>INTO</span> `wuxianjilian` <span>VALUES</span> (<span>'</span><span>16</span><span>'</span>, <span>'</span><span>14</span><span>'</span>, <span>'</span><span>O14</span><span>'</span><span>);
</span><span>48</span> <span>INSERT</span> <span>INTO</span> `wuxianjilian` <span>VALUES</span> (<span>'</span><span>17</span><span>'</span>, <span>'</span><span>14</span><span>'</span>, <span>'</span><span>P14</span><span>'</span><span>);
</span><span>49</span> <span>INSERT</span> <span>INTO</span> `wuxianjilian` <span>VALUES</span> (<span>'</span><span>18</span><span>'</span>, <span>'</span><span>14</span><span>'</span>, <span>'</span><span>Q14</span><span>'</span><span>);
</span><span>50</span> <span>INSERT</span> <span>INTO</span> `wuxianjilian` <span>VALUES</span> (<span>'</span><span>19</span><span>'</span>, <span>'</span><span>17</span><span>'</span>, <span>'</span><span>R17</span><span>'</span><span>);
</span><span>51</span> <span>INSERT</span> <span>INTO</span> `wuxianjilian` <span>VALUES</span> (<span>'</span><span>20</span><span>'</span>, <span>'</span><span>17</span><span>'</span>, <span>'</span><span>S18</span><span>'</span><span>);
</span><span>52</span> <span>INSERT</span> <span>INTO</span> `wuxianjilian` <span>VALUES</span> (<span>'</span><span>21</span><span>'</span>, <span>'</span><span>20</span><span>'</span>, <span>'</span><span>T20</span><span>'</span>);

Salin selepas log masuk

<span> 1</span> <span>/*</span>
<span> 2</span> <span>Navicat MySQL Data Transfer
</span><span> 3</span> 
<span> 4</span> <span>Source Server         : localhost
</span><span> 5</span> <span>Source Server Version : 50516
</span><span> 6</span> <span>Source Host           : localhost:3306
</span><span> 7</span> <span>Source Database       : test
</span><span> 8</span> 
<span> 9</span> <span>Target Server Type    : MYSQL
</span><span>10</span> <span>Target Server Version : 50516
</span><span>11</span> <span>File Encoding         : 65001
</span><span>12</span> 
<span>13</span> <span>Date: 2012-10-24 20:59:09
</span><span>14</span> <span>*/</span>
<span>15</span> 
<span>16</span> <span>SET</span> FOREIGN_KEY_CHECKS<span>=</span><span>0</span><span>;
</span><span>17</span> <span>--</span><span> ----------------------------</span>
<span>18</span> <span>--</span><span> Table structure for `wuxianjilian`</span>
<span>19</span> <span>--</span><span> ----------------------------</span>
<span>20</span> <span>DROP</span> <span>TABLE</span> <span>IF</span> <span>EXISTS</span><span> `wuxianjilian`;
</span><span>21</span> <span>CREATE</span> <span>TABLE</span><span> `wuxianjilian` (
</span><span>22</span>   `id` <span>int</span>(<span>11</span>) <span>NOT</span> <span>NULL</span><span> AUTO_INCREMENT,
</span><span>23</span>   `pid` <span>int</span>(<span>11</span>) <span>DEFAULT</span> <span>NULL</span><span>,
</span><span>24</span>   `<span>text</span>` <span>varchar</span>(<span>32</span>) <span>DEFAULT</span> <span>NULL</span><span>,
</span><span>25</span>   <span>PRIMARY</span> <span>KEY</span><span> (`id`)
</span><span>26</span> ) ENGINE<span>=</span>InnoDB AUTO_INCREMENT<span>=</span><span>22</span> <span>DEFAULT</span> CHARSET<span>=</span><span>utf8;
</span><span>27</span> 
<span>28</span> <span>--</span><span> ----------------------------</span>
<span>29</span> <span>--</span><span> Records of wuxianjilian</span>
<span>30</span> <span>--</span><span> ----------------------------</span>
<span>31</span> <span>INSERT</span> <span>INTO</span> `wuxianjilian` <span>VALUES</span> (<span>'</span><span>1</span><span>'</span>, <span>'</span><span>0</span><span>'</span>, <span>'</span><span>A0</span><span>'</span><span>);
</span><span>32</span> <span>INSERT</span> <span>INTO</span> `wuxianjilian` <span>VALUES</span> (<span>'</span><span>2</span><span>'</span>, <span>'</span><span>0</span><span>'</span>, <span>'</span><span>B0</span><span>'</span><span>);
</span><span>33</span> <span>INSERT</span> <span>INTO</span> `wuxianjilian` <span>VALUES</span> (<span>'</span><span>3</span><span>'</span>, <span>'</span><span>1</span><span>'</span>, <span>'</span><span>C1</span><span>'</span><span>);
</span><span>34</span> <span>INSERT</span> <span>INTO</span> `wuxianjilian` <span>VALUES</span> (<span>'</span><span>4</span><span>'</span>, <span>'</span><span>1</span><span>'</span>, <span>'</span><span>D1</span><span>'</span><span>);
</span><span>35</span> <span>INSERT</span> <span>INTO</span> `wuxianjilian` <span>VALUES</span> (<span>'</span><span>5</span><span>'</span>, <span>'</span><span>1</span><span>'</span>, <span>'</span><span>E1</span><span>'</span><span>);
</span><span>36</span> <span>INSERT</span> <span>INTO</span> `wuxianjilian` <span>VALUES</span> (<span>'</span><span>6</span><span>'</span>, <span>'</span><span>2</span><span>'</span>, <span>'</span><span>F2</span><span>'</span><span>);
</span><span>37</span> <span>INSERT</span> <span>INTO</span> `wuxianjilian` <span>VALUES</span> (<span>'</span><span>7</span><span>'</span>, <span>'</span><span>2</span><span>'</span>, <span>'</span><span>G2</span><span>'</span><span>);
</span><span>38</span> <span>INSERT</span> <span>INTO</span> `wuxianjilian` <span>VALUES</span> (<span>'</span><span>8</span><span>'</span>, <span>'</span><span>3</span><span>'</span>, <span>'</span><span>H3</span><span>'</span><span>);
</span><span>39</span> <span>INSERT</span> <span>INTO</span> `wuxianjilian` <span>VALUES</span> (<span>'</span><span>9</span><span>'</span>, <span>'</span><span>3</span><span>'</span>, <span>'</span><span>I3</span><span>'</span><span>);
</span><span>40</span> <span>INSERT</span> <span>INTO</span> `wuxianjilian` <span>VALUES</span> (<span>'</span><span>10</span><span>'</span>, <span>'</span><span>3</span><span>'</span>, <span>'</span><span>J3</span><span>'</span><span>);
</span><span>41</span> <span>INSERT</span> <span>INTO</span> `wuxianjilian` <span>VALUES</span> (<span>'</span><span>11</span><span>'</span>, <span>'</span><span>3</span><span>'</span>, <span>'</span><span>K3</span><span>'</span><span>);
</span><span>42</span> <span>INSERT</span> <span>INTO</span> `wuxianjilian` <span>VALUES</span> (<span>'</span><span>12</span><span>'</span>, <span>'</span><span>4</span><span>'</span>, <span>'</span><span>L4</span><span>'</span><span>);
</span><span>43</span> <span>INSERT</span> <span>INTO</span> `wuxianjilian` <span>VALUES</span> (<span>'</span><span>13</span><span>'</span>, <span>'</span><span>4</span><span>'</span>, <span>'</span><span>M4</span><span>'</span><span>);
</span><span>44</span> <span>INSERT</span> <span>INTO</span> `wuxianjilian` <span>VALUES</span> (<span>'</span><span>14</span><span>'</span>, <span>'</span><span>8</span><span>'</span>, <span>'</span><span>N8</span><span>'</span><span>);
</span><span>45</span> <span>INSERT</span> <span>INTO</span> `wuxianjilian` <span>VALUES</span> (<span>'</span><span>15</span><span>'</span>, <span>'</span><span>9</span><span>'</span>, <span>'</span><span>N9</span><span>'</span><span>);
</span><span>46</span> <span>INSERT</span> <span>INTO</span> `wuxianjilian` <span>VALUES</span> (<span>'</span><span>16</span><span>'</span>, <span>'</span><span>14</span><span>'</span>, <span>'</span><span>O14</span><span>'</span><span>);
</span><span>47</span> <span>INSERT</span> <span>INTO</span> `wuxianjilian` <span>VALUES</span> (<span>'</span><span>17</span><span>'</span>, <span>'</span><span>14</span><span>'</span>, <span>'</span><span>P14</span><span>'</span><span>);
</span><span>48</span> <span>INSERT</span> <span>INTO</span> `wuxianjilian` <span>VALUES</span> (<span>'</span><span>18</span><span>'</span>, <span>'</span><span>14</span><span>'</span>, <span>'</span><span>Q14</span><span>'</span><span>);
</span><span>49</span> <span>INSERT</span> <span>INTO</span> `wuxianjilian` <span>VALUES</span> (<span>'</span><span>19</span><span>'</span>, <span>'</span><span>17</span><span>'</span>, <span>'</span><span>R17</span><span>'</span><span>);
</span><span>50</span> <span>INSERT</span> <span>INTO</span> `wuxianjilian` <span>VALUES</span> (<span>'</span><span>20</span><span>'</span>, <span>'</span><span>17</span><span>'</span>, <span>'</span><span>S18</span><span>'</span><span>);
</span><span>51</span> <span>INSERT</span> <span>INTO</span> `wuxianjilian` <span>VALUES</span> (<span>'</span><span>21</span><span>'</span>, <span>'</span><span>20</span><span>'</span>, <span>'</span><span>T20</span><span>'</span>);

Salin selepas log masuk

效果图：

jQuery+PHP+MySQL简单无限级联实现

　　　　　图（1）仅下拉框

jQuery+PHP+MySQL简单无限级联实现

　　　　　　图（2）层级提示+下拉框

jQuery+PHP+MySQL简单无限级联实现

　　　　　　　　　　　　　　图（3）存储数据点击响应

简单贴几张图，不过还是亲自测试效果好点，请点击演示地址测试。

演示地址：无限级联仅下拉选项框版本

下载地址：jQuery+PHP+MySQL简单无限级联实现源码

Kenyataan Laman Web ini

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Alat AI Hot

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Penyingkiran pakaian AI

AI Hentai Generator

Menjana ai hentai secara percuma.

Tunjukkan Lagi

Artikel Panas

R.E.P.O. Kristal tenaga dijelaskan dan apa yang mereka lakukan (kristal kuning)

3 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌

R.E.P.O. Tetapan grafik terbaik

3 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌

Assassin's Creed Shadows: Penyelesaian Riddle Seashell

1 minggu yang lalu By DDD

R.E.P.O. Cara Memperbaiki Audio Jika anda tidak dapat mendengar sesiapa

3 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌

WWE 2K25: Cara Membuka Segala -galanya Di Myrise

3 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌

Tunjukkan Lagi

Alat panas

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Tunjukkan Lagi

Topik panas

Di manakah pintu masuk log masuk untuk e-mel gmail?

7454

Tutorial CakePHP

1375

Apakah format nama akaun stim

kunci pengaktifan win11 kekal

Sambungan NYT menunjukkan dan jawapan

Tunjukkan Lagi

Related knowledge

Cara paling mudah untuk menanyakan nombor siri cakera keras Feb 26, 2024 pm 02:24 PM

Nombor siri cakera keras ialah pengecam penting cakera keras dan biasanya digunakan untuk mengenal pasti cakera keras secara unik dan mengenal pasti perkakasan. Dalam sesetengah kes, kami mungkin perlu menanyakan nombor siri cakera keras, seperti semasa memasang sistem pengendalian, mencari pemacu peranti yang betul atau melakukan pembaikan cakera keras. Artikel ini akan memperkenalkan beberapa kaedah mudah untuk membantu anda menyemak nombor siri cakera keras. Kaedah 1: Gunakan Windows Command Prompt untuk membuka command prompt. Dalam sistem Windows, tekan kekunci Win+R, masukkan "cmd" dan tekan kekunci Enter untuk membuka arahan

Bagaimana untuk melaksanakan log masuk WeChat dwi pada telefon mudah alih Huawei? Mar 24, 2024 am 11:27 AM

Bagaimana untuk melaksanakan log masuk WeChat dwi pada telefon mudah alih Huawei? Dengan kebangkitan media sosial, WeChat telah menjadi salah satu alat komunikasi yang sangat diperlukan dalam kehidupan seharian orang ramai. Walau bagaimanapun, ramai orang mungkin menghadapi masalah: log masuk ke beberapa akaun WeChat pada masa yang sama pada telefon mudah alih yang sama. Bagi pengguna telefon mudah alih Huawei, tidak sukar untuk mencapai log masuk WeChat dwi Artikel ini akan memperkenalkan cara mencapai log masuk WeChat dwi pada telefon mudah alih Huawei. Pertama sekali, sistem EMUI yang disertakan dengan telefon mudah alih Huawei menyediakan fungsi yang sangat mudah - pembukaan dua aplikasi. Melalui fungsi pembukaan dwi aplikasi, pengguna boleh serentak

Panduan Pengaturcaraan PHP: Kaedah untuk Melaksanakan Jujukan Fibonacci Mar 20, 2024 pm 04:54 PM

Bahasa pengaturcaraan PHP ialah alat yang berkuasa untuk pembangunan web, yang mampu menyokong pelbagai logik dan algoritma pengaturcaraan yang berbeza. Antaranya, melaksanakan jujukan Fibonacci adalah masalah pengaturcaraan biasa dan klasik. Dalam artikel ini, kami akan memperkenalkan cara menggunakan bahasa pengaturcaraan PHP untuk melaksanakan jujukan Fibonacci, dan melampirkan contoh kod tertentu. Jujukan Fibonacci ialah jujukan matematik yang ditakrifkan seperti berikut: unsur pertama dan kedua bagi jujukan ialah 1, dan bermula dari unsur ketiga, nilai setiap unsur adalah sama dengan jumlah dua unsur sebelumnya. Beberapa elemen pertama urutan

Bagaimana untuk melaksanakan fungsi klon WeChat pada telefon mudah alih Huawei Mar 24, 2024 pm 06:03 PM

Bagaimana untuk melaksanakan fungsi klon WeChat pada telefon mudah alih Huawei Dengan populariti perisian sosial dan penekanan yang semakin meningkat terhadap privasi dan keselamatan orang ramai, fungsi klon WeChat telah beransur-ansur menjadi tumpuan perhatian. Fungsi klon WeChat boleh membantu pengguna log masuk ke berbilang akaun WeChat pada telefon mudah alih yang sama pada masa yang sama, menjadikannya lebih mudah untuk diurus dan digunakan. Tidak sukar untuk melaksanakan fungsi klon WeChat pada telefon mudah alih Huawei Anda hanya perlu mengikuti langkah berikut. Langkah 1: Pastikan versi sistem telefon mudah alih dan versi WeChat memenuhi keperluan Pertama, pastikan versi sistem telefon mudah alih Huawei anda telah dikemas kini kepada versi terkini, serta Apl WeChat.

Kuasai cara Golang mendayakan kemungkinan pembangunan permainan Mar 16, 2024 pm 12:57 PM

Dalam bidang pembangunan perisian hari ini, Golang (bahasa Go), sebagai bahasa pengaturcaraan yang cekap, ringkas dan sangat bersesuaian, semakin digemari oleh pembangun. Perpustakaan standardnya yang kaya dan ciri-ciri konkurensi yang cekap menjadikannya pilihan berprofil tinggi dalam bidang pembangunan permainan. Artikel ini akan meneroka cara menggunakan Golang untuk pembangunan permainan dan menunjukkan kemungkinan besarnya melalui contoh kod tertentu. 1. Kelebihan Golang dalam pembangunan permainan Sebagai bahasa yang ditaip secara statik, Golang digunakan dalam membina sistem permainan berskala besar.

Panduan Pelaksanaan Keperluan Permainan PHP Mar 11, 2024 am 08:45 AM

Panduan Pelaksanaan Keperluan Permainan PHP Dengan populariti dan perkembangan Internet, pasaran permainan web menjadi semakin popular. Ramai pembangun berharap untuk menggunakan bahasa PHP untuk membangunkan permainan web mereka sendiri, dan melaksanakan keperluan permainan adalah langkah utama. Artikel ini akan memperkenalkan cara menggunakan bahasa PHP untuk melaksanakan keperluan permainan biasa dan menyediakan contoh kod khusus. 1. Cipta watak permainan Dalam permainan web, watak permainan adalah elemen yang sangat penting. Kita perlu mentakrifkan atribut watak permainan, seperti nama, tahap, nilai pengalaman, dll., dan menyediakan kaedah untuk mengendalikannya

Bagaimana untuk melaksanakan operasi pembahagian yang tepat di Golang Feb 20, 2024 pm 10:51 PM

Melaksanakan operasi pembahagian yang tepat di Golang adalah keperluan biasa, terutamanya dalam senario yang melibatkan pengiraan kewangan atau senario lain yang memerlukan pengiraan ketepatan tinggi. Operator bahagian terbina dalam Golang "/" dikira untuk nombor titik terapung, dan kadangkala terdapat masalah kehilangan ketepatan. Untuk menyelesaikan masalah ini, kami boleh menggunakan perpustakaan pihak ketiga atau fungsi tersuai untuk melaksanakan operasi pembahagian yang tepat. Pendekatan biasa ialah menggunakan jenis Tikus daripada pakej matematik/besar, yang menyediakan perwakilan pecahan dan boleh digunakan untuk melaksanakan operasi pembahagian yang tepat.

Bagaimana untuk melaksanakan lebihan beban operator dalam bahasa Go? Dec 23, 2023 pm 01:55 PM

Bagaimana untuk melaksanakan lebihan beban operator dalam bahasa Go? Bahasa Go ialah bahasa pengaturcaraan moden yang digemari oleh pembangun kerana sintaksnya yang ringkas dan prestasi yang cekap. Walau bagaimanapun, bahasa Go tidak menyediakan fungsi overload pengendali seperti dalam bahasa seperti C++ atau Python. Lebihan beban operator merujuk kepada tingkah laku mentakrifkan semula atau melanjutkan operator merentas jenis data yang berbeza untuk menjadikannya terpakai pada objek atau operasi tertentu. Walaupun tiada sokongan langsung untuk operator lebih muatan dalam bahasa Go, kami boleh mencapai kefungsian yang serupa dengan cara lain. Dalam bahasa Go

See all articles