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

ホームページ

php教程

php手册

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

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 までご連絡ください。

ホットAIツール

ホットツール

ホットトピック

Gmailメールのログイン入り口はどこですか？

7415

CakePHP チュートリアル

1359

Steamのアカウント名の形式は何ですか

Win11 Activation Key Permanent

Related knowledge

ハードドライブのシリアル番号を照会する最も簡単な方法 Feb 26, 2024 pm 02:24 PM

ハードディスクのシリアル番号はハードディスクの重要な識別子であり、通常、ハードディスクを一意に識別し、ハードウェアを識別するために使用されます。場合によっては、オペレーティングシステムのインストール時、正しいデバイスドライバーの検索時、ハードドライブの修復の実行時など、ハードドライブのシリアル番号を照会する必要があることがあります。この記事では、ハードドライブのシリアル番号を確認する簡単な方法をいくつか紹介します。方法 1: Windows コマンドプロンプトを使用してコマンドプロンプトを開きます。 Windows システムでは、Win+R キーを押し、「cmd」と入力し、Enter キーを押してコマンドを開きます。

Huawei 携帯電話にデュアル WeChat ログインを実装するにはどうすればよいですか? Mar 24, 2024 am 11:27 AM

Huawei 携帯電話にデュアル WeChat ログインを実装するにはどうすればよいですか?ソーシャルメディアの台頭により、WeChatは人々の日常生活に欠かせないコミュニケーションツールの1つになりました。ただし、多くの人は、同じ携帯電話で同時に複数の WeChat アカウントにログインするという問題に遭遇する可能性があります。 Huawei 社の携帯電話ユーザーにとって、WeChat の二重ログインを実現することは難しくありませんが、この記事では Huawei 社の携帯電話で WeChat の二重ログインを実現する方法を紹介します。まず第一に、ファーウェイの携帯電話に付属するEMUIシステムは、デュアルアプリケーションを開くという非常に便利な機能を提供します。アプリケーションのデュアルオープン機能により、ユーザーは同時に

Huawei携帯電話にWeChatクローン機能を実装する方法 Mar 24, 2024 pm 06:03 PM

Huawei 携帯電話に WeChat クローン機能を実装する方法ソーシャルソフトウェアの人気と人々のプライバシーとセキュリティの重視に伴い、WeChat クローン機能は徐々に人々の注目を集めるようになりました。 WeChat クローン機能を使用すると、ユーザーは同じ携帯電話で複数の WeChat アカウントに同時にログインできるため、管理と使用が容易になります。 Huawei携帯電話にWeChatクローン機能を実装するのは難しくなく、次の手順に従うだけです。ステップ 1: 携帯電話システムのバージョンと WeChat のバージョンが要件を満たしていることを確認するまず、Huawei 携帯電話システムのバージョンと WeChat アプリが最新バージョンに更新されていることを確認します。

PHP プログラミングガイド: フィボナッチ数列を実装する方法 Mar 20, 2024 pm 04:54 PM

プログラミング言語 PHP は、さまざまなプログラミングロジックやアルゴリズムをサポートできる、Web 開発用の強力なツールです。その中でも、フィボナッチ数列の実装は、一般的で古典的なプログラミングの問題です。この記事では、PHP プログラミング言語を使用してフィボナッチ数列を実装する方法を、具体的なコード例を添付して紹介します。フィボナッチ数列は、次のように定義される数学的数列です。数列の最初と 2 番目の要素は 1 で、3 番目の要素以降、各要素の値は前の 2 つの要素の合計に等しくなります。シーケンスの最初のいくつかの要素

Golang がゲーム開発の可能性を可能にする方法をマスターする Mar 16, 2024 pm 12:57 PM

今日のソフトウェア開発分野では、効率的で簡潔かつ同時実行性の高いプログラミング言語として、Golang (Go 言語) が開発者にますます好まれています。豊富な標準ライブラリと効率的な同時実行機能により、ゲーム開発の分野で注目を集めています。この記事では、ゲーム開発に Golang を使用する方法を検討し、具体的なコード例を通じてその強力な可能性を示します。 1. ゲーム開発における Golang の利点 Golang は静的型付け言語として、大規模なゲームシステムの構築に使用されます。

PHP ゲーム要件実装ガイド Mar 11, 2024 am 08:45 AM

PHP ゲーム要件実装ガイドインターネットの普及と発展に伴い、Web ゲーム市場の人気はますます高まっています。多くの開発者は、PHP 言語を使用して独自の Web ゲームを開発することを望んでおり、ゲーム要件の実装は重要なステップです。この記事では、PHP 言語を使用して一般的なゲーム要件を実装する方法を紹介し、具体的なコード例を示します。 1. ゲームキャラクターの作成 Web ゲームにおいて、ゲームキャラクターは非常に重要な要素です。ゲームキャラクターの名前、レベル、経験値などの属性を定義し、これらを操作するメソッドを提供する必要があります。

Golangで正確な除算演算を実装する方法 Feb 20, 2024 pm 10:51 PM

Golang で正確な除算演算を実装することは、特に財務計算を含むシナリオや高精度の計算が必要なその他のシナリオでよくあるニーズです。 Golang の組み込みの除算演算子「/」は浮動小数点数に対して計算されるため、精度が失われる場合があります。この問題を解決するには、サードパーティのライブラリまたはカスタム関数を使用して、正確な除算演算を実装します。一般的なアプローチは、math/big パッケージの Rat タイプを使用することです。これは分数の表現を提供し、正確な除算演算を実装するために使用できます。

Go 言語で演算子のオーバーロードを実装するにはどうすればよいですか? Dec 23, 2023 pm 01:55 PM

Go 言語で演算子のオーバーロードを実装するにはどうすればよいですか? Go 言語は、その簡潔な構文と効率的なパフォーマンスにより開発者に好まれている最新のプログラミング言語です。ただし、Go 言語は、C++ や Python などの言語のような演算子のオーバーロード機能を提供しません。演算子のオーバーロードとは、さまざまなデータ型にわたって演算子を再定義または拡張して、特定のオブジェクトまたは操作に適用できるようにする動作を指します。 Go 言語では演算子のオーバーロードを直接サポートしていませんが、他の方法で同様の機能を実現できます。 Go言語で

See all articles

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

ホットAIツール

Undresser.AI Undress

AI Clothes Remover

Undress AI Tool

Clothoff.io

AI Hentai Generator

人気の記事

ホットツール

メモ帳++7.3.1

SublimeText3 中国語版

ゼンドスタジオ 13.0.1

ドリームウィーバー CS6

SublimeText3 Mac版

ホットトピック