検索
ホームページphp教程php手册jQuery+PHP+MySQL简单无限级联实现
jQuery+PHP+MySQL简单无限级联实现
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
Jun 06, 2016 pm 07:47 PM
成し遂げる無制限単純カスケード

本文简单实现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>

 

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>

 

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>);

 

<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>);

 效果图：

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

　　　　　图（1） 仅下拉框

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

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

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

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

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

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

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

声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
関連記事
最简便的硬盘序列号查询方式最简便的硬盘序列号查询方式Feb 26, 2024 pm 02:24 PM

硬盘序列号是硬盘的一个重要标识，通常用于唯一标识硬盘以及进行硬件识别。在某些情况下，我们可能需要查询硬盘序列号，比如在安装操作系统、查找正确设备驱动程序或进行硬盘维修等情况下。本文将介绍一些简单的方法，帮助大家查询硬盘序列号。方法一：使用Windows命令提示符打开命令提示符。在Windows系统中，按下Win+R键，输入"cmd"并按下回车键即可打开命

如何使用Java编写一个简单的学生成绩报表生成器？如何使用Java编写一个简单的学生成绩报表生成器？Nov 03, 2023 pm 02:57 PM

如何使用Java编写一个简单的学生成绩报表生成器？学生成绩报表生成器是一个可以帮助老师或教育者快速生成学生成绩报告的工具。本文将介绍如何使用Java编写一个简单的学生成绩报表生成器。首先，我们需要定义学生对象和学生成绩对象。学生对象包含学生的姓名、学号等基本信息，而学生成绩对象则包含学生的科目成绩和平均成绩等信息。以下是一个简单的学生对象的定义：public

如何通过PHP编写一个简单的在线预约系统如何通过PHP编写一个简单的在线预约系统Sep 26, 2023 pm 09:55 PM

如何通过PHP编写一个简单的在线预约系统随着互联网的普及和用户对便利性的追求，在线预约系统越来越受到欢迎。无论是餐厅、医院、美容院还是其他服务行业，都可以通过一个简单的在线预约系统来提高效率并为用户提供更好的服务体验。本文将介绍如何使用PHP编写一个简单的在线预约系统，并提供具体的代码示例。创建数据库和表格首先，我们需要创建一个数据库来存储预约信息。在MyS

快速入门：使用Go语言函数实现简单的图书管理系统快速入门：使用Go语言函数实现简单的图书管理系统Jul 30, 2023 am 09:18 AM

快速入门：使用Go语言函数实现简单的图书管理系统引言：随着计算机科学领域的不断发展，软件应用的需求也越来越多样化。图书管理系统作为一种常见的管理工具，也成为很多图书馆、学校和企业必备的系统之一。在本文中，我们将使用Go语言函数来实现一个简单的图书管理系统。通过这个例子，读者可以学习到Go语言中函数的基本用法以及如何构建一个实用的程序。一、设计思路：我们首先来

如何通过C++编写一个简单的音乐推荐系统？如何通过C++编写一个简单的音乐推荐系统？Nov 03, 2023 pm 06:45 PM

如何通过C++编写一个简单的音乐推荐系统？引言：音乐推荐系统是现代信息技术的一个研究热点，它可以根据用户的音乐偏好和行为习惯，向用户推荐符合其口味的歌曲。本文将介绍如何使用C++编写一个简单的音乐推荐系统。一、收集用户数据首先，我们需要收集用户的音乐偏好数据。可以通过在线调查、问卷调查等方式来获得用户对不同类型音乐的喜好程度。将数据保存在一个文本文件或数据库

如何使用PHP开发简单的文件管理功能如何使用PHP开发简单的文件管理功能Sep 20, 2023 pm 01:09 PM

如何使用PHP开发简单的文件管理功能简介：文件管理功能在很多Web应用中都是必不可少的一部分。它允许用户上传、下载、删除和展示文件，为用户提供了便捷的文件管理方式。本文将介绍如何使用PHP开发一个简单的文件管理功能，并提供具体的代码示例。一、创建项目首先，我们需要创建一个基本的PHP项目。在项目目录下创建以下文件：index.php:主页面，用于显示上传表

如何使用PHP编写一个简单的网络爬虫如何使用PHP编写一个简单的网络爬虫Jun 14, 2023 am 08:21 AM

网络爬虫是一种自动化程序，能够自动访问网站并抓取其中的信息。这种技术在如今的互联网世界中越来越常见，被广泛应用于数据挖掘、搜索引擎、社交媒体分析等领域。如果你想了解如何使用PHP编写简单的网络爬虫，本文将会为你提供基本的指导和建议。首先，需要了解一些基本的概念和技术。爬取目标在编写爬虫之前，需要选择爬取的目标。这可以是一个特定的网站、一个特定的网页、或整个互

MySQL表设计指南：创建一个简单的员工考勤表MySQL表设计指南：创建一个简单的员工考勤表Jul 01, 2023 pm 01:54 PM

MySQL表设计指南：创建一个简单的员工考勤表在企业管理中，员工的考勤管理是至关重要的一项任务。为了准确记录和统计员工的考勤情况，我们可以利用MySQL数据库来创建一个简单的员工考勤表。本篇文章将指导您如何设计和创建这个表，并提供相应的代码示例。首先，我们需要确定员工考勤表所需的字段。一般来说，员工考勤表至少需要包含以下字段：员工ID、日期、上班时间、下班时

See all articles

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

もっと見る

人気の記事

R.E.P.O.説明されたエネルギー結晶と彼らが何をするか（黄色のクリスタル）
3週間前By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最高のグラフィック設定
3週間前By尊渡假赌尊渡假赌尊渡假赌
アサシンのクリードシャドウズ：シーシェルリドルソリューション
1週間前ByDDD
R.E.P.O.誰も聞こえない場合はオーディオを修正する方法
3週間前By尊渡假赌尊渡假赌尊渡假赌
Atomfallのクレーンコントロールキーカードを見つける場所
1週間前ByDDD
もっと見る

ホットツール

VSCode Windows 64 ビットのダウンロード

VSCode Windows 64 ビットのダウンロード

Microsoft によって発売された無料で強力な IDE エディター

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト（SublimeText3）

MantisBT

MantisBT

Mantis は、製品の欠陥追跡を支援するために設計された、導入が簡単な Web ベースの欠陥追跡ツールです。 PHP、MySQL、Web サーバーが必要です。デモおよびホスティング サービスをチェックしてください。

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SAP NetWeaver Server Adapter for Eclipse

SAP NetWeaver Server Adapter for Eclipse

Eclipse を SAP NetWeaver アプリケーション サーバーと統合します。

もっと見る

ホットトピック

Gmailメールのログイン入り口はどこですか？
7444
15
CakePHP チュートリアル
1371
52
Steamのアカウント名の形式は何ですか
76
11
Win11 Activation Key Permanent
38
19
NYTの接続はヒントと回答です
9
6
もっと見る