php如何實現(xiàn)下拉框選中搜索功能

這種功能主要屬于前端范籌，和php關(guān)聯(lián)不大。

創(chuàng)新互聯(lián)堅持“要么做到，要么別承諾”的工作理念，服務(wù)領(lǐng)域包括：成都網(wǎng)站設(shè)計、網(wǎng)站建設(shè)、企業(yè)官網(wǎng)、英文網(wǎng)站、手機端網(wǎng)站、網(wǎng)站推廣等服務(wù)，滿足客戶于互聯(lián)網(wǎng)時代的諸暨網(wǎng)站設(shè)計、移動媒體設(shè)計的需求，幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴！

思路是用js實現(xiàn)，綁定選擇框的change事件，然后ajax獲取第二個選擇框的列表。

當(dāng)?shù)诙€選擇框觸發(fā)change事件，就ajax加載列表，把相關(guān)的參數(shù)傳到后端，獲取數(shù)據(jù)后再輸出到頁面。

推薦使用jQuery庫，它的html處理，和ajax都很方便新人上手。

關(guān)鍵點：后端需要配合輸出json格式數(shù)據(jù)，方便解析.

如:

$subcates=[

['id'=1,'name'='aaa'],

['id'=2,'name'='bbb'],

];

echo json_encode([ 'code'=1,'result'=$subcate ],JSON_UNESCAPED_UNICODE);

前端jQuery獲取數(shù)據(jù)

$.ajax({

url:'getsubcate.php?bigcate=1',

dataType:'JSON',

success:function(json){

console.log(json.result);

//此處將result數(shù)組拼接成html放入第二個選擇框

}

});

獲取列表的操作類似。

另外，如果對這種動態(tài)頁面感興趣的話，可以學(xué)習(xí)下Vue或React 這些前端框架。只需專注數(shù)據(jù)，不需要處理html.

php 下拉列表框 數(shù)據(jù)關(guān)聯(lián)

例子代碼如下：

mysql_connect();//地址、用戶、密碼

$sql='select username from db.user';

if ($res=mysql_query($sql)){

$options='';

while(list($u)=mysql_fetch_row($res)) $options.='option'.$u;

mysql_free_result($res);

}else $options='option數(shù)據(jù)庫查詢出錯SQL=$sql Error=".mysql_error();

mysql_close();

echo "select$options/select";

php如何把數(shù)據(jù)庫與下拉框聯(lián)系起來？

要使用AJAX了,

菜單聯(lián)動就可以了；

參考如下：

?php

//require_once('conn.php'); //寫個連接數(shù)據(jù)庫的文件 每次包含一下就行了， 而且要寫在最上面。

$con = mysql_connect("localhost","root","***");

?

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""

html xmlns=""

head

meta http-equiv="Content-Type" content="text/html; charset=gb2312" /

title無標(biāo)題文檔/title

/head

body

select

option-請選擇-/option

?php

$sql="select CID from course2";

$result=mysql_query($sql);

while($row=mysql_fetch_assoc($result)){

?

option value="$row['CID']"?php echo $row['CID'] ?/option //這個值要用php的方法取出來

?php

}

?

/select

/body

/html

php怎么動態(tài)綁定下拉列表

假設(shè)5條在一個數(shù)組$items里面,

$selectList = 'select name="selList"';

foreach ($item in $items) {

$selectList .= 'option value="$item-name"$item-name;option';

}

$selectList .= '/select';

echo $selectList;

$item-name是數(shù)據(jù)庫里面數(shù)據(jù)的字段名name所對應(yīng)的值。