建站
咨詢(xún)
售后
建站咨詢(xún)
新聞中心
如何實(shí)現(xiàn)多選下拉框保存至數(shù)據(jù)庫(kù)操作
創(chuàng)新互聯(lián)公司專(zhuān)注為客戶(hù)提供全方位的互聯(lián)網(wǎng)綜合服務(wù)，包含不限于網(wǎng)站設(shè)計(jì)、成都網(wǎng)站建設(shè)、蘭州網(wǎng)絡(luò)推廣、小程序設(shè)計(jì)、蘭州網(wǎng)絡(luò)營(yíng)銷(xiāo)、蘭州企業(yè)策劃、蘭州品牌公關(guān)、搜索引擎seo、人物專(zhuān)訪、企業(yè)宣傳片、企業(yè)代運(yùn)營(yíng)等，從售前售中售后，我們都將竭誠(chéng)為您服務(wù)，您的肯定，是我們最大的嘉獎(jiǎng)；創(chuàng)新互聯(lián)公司為所有大學(xué)生創(chuàng)業(yè)者提供蘭州建站搭建服務(wù)，24小時(shí)服務(wù)熱線：13518219792，官方網(wǎng)址：www.cdcxhl.com
在很多web開(kāi)發(fā)中，常常會(huì)遇到需要在表單中添加多選項(xiàng)的情況。這時(shí)候我們通常會(huì)選擇多選下拉框來(lái)實(shí)現(xiàn)這個(gè)功能，同時(shí)當(dāng)用戶(hù)選擇完畢后，需要將用戶(hù)的選擇保存至數(shù)據(jù)庫(kù)中。但是，在實(shí)現(xiàn)多選下拉框的時(shí)候，我們需要考慮到如何將用戶(hù)的選擇數(shù)據(jù)保存到數(shù)據(jù)庫(kù)中。本文將教大家如何實(shí)現(xiàn)多選下拉框保存至數(shù)據(jù)庫(kù)操作。
1.創(chuàng)建下拉框
要實(shí)現(xiàn)一個(gè)多選下拉框，首先需要在html頁(yè)面中創(chuàng)建一個(gè)下拉框。請(qǐng)注意，這里的“下拉框”指的是原生的HTML下拉框，而不是美化后的下拉框。
Apple
Banana
Orange
Pineapple
在這個(gè)例子中，我們創(chuàng)建了一個(gè)多選下拉框，其中包括了四種水果。同時(shí)請(qǐng)注意，我們?cè)谙吕蛑屑尤肓艘粋€(gè)“multiple”屬性來(lái)表示這是一個(gè)多選下拉框。
2.獲取選項(xiàng)
在用戶(hù)選擇完畢后，我們需要將用戶(hù)選擇的選項(xiàng)存入數(shù)據(jù)庫(kù)中，因此我們需要通過(guò)JavaScript來(lái)獲取用戶(hù)選擇的選項(xiàng)。這里我們可以使用jQuery來(lái)完成這個(gè)操作。我們需要在html頁(yè)面中添加jQuery庫(kù)。
然后，我們可以使用以下代碼來(lái)獲取用戶(hù)選擇的選項(xiàng)。
var fruitsArray = [];
$(“#fruit option:selected”).each(function () {
fruitsArray.push($(this).val());
});
var fruits = fruitsArray.join(‘,’);
在這個(gè)例子中，我們使用了jQuery來(lái)獲取“fruit”下拉框中選中的項(xiàng)，并將此項(xiàng)保存到變量“fruitsArray”中。隨后，我們將“fruitsArray”數(shù)組轉(zhuǎn)換成字符串形式，并添加逗號(hào)“,”分隔符，最終得到的結(jié)果將以字符串形式存儲(chǔ)在“fruits”變量中。
3.保存選項(xiàng)
現(xiàn)在，我們已經(jīng)獲取到了用戶(hù)選擇的選項(xiàng)，接下來(lái)我們需要將其保存到數(shù)據(jù)庫(kù)中。這里我們需要使用服務(wù)器端腳本來(lái)完成這個(gè)任務(wù)。既然是一個(gè)web開(kāi)發(fā)，那么就選擇php腳本來(lái)處理數(shù)據(jù)的保存。
$conn = mysqli_connect(‘localhost’, ‘username’, ‘password’, ‘database’);
if ($conn->connect_error) {
die(“Connection fled: ” . $conn->connect_error);
}
$fruits = $_POST[‘fruits’];
$sql = “INSERT INTO my_fruits (fruits) VALUES (‘$fruits’)”;
if ($conn->query($sql) === TRUE) {
echo “New record created successfully”;
} else {
echo “Error: ” . $sql . “
” . $conn->error;
}
$conn->close();
?>
在這個(gè)例子中，我們通過(guò)PHP連接到數(shù)據(jù)庫(kù)，并將用戶(hù)選擇的水果作為變量傳遞到PHP腳本中。隨后，我們將這些選項(xiàng)保存到名為“my_fruits”的數(shù)據(jù)表中。如果保存成功，我們將向用戶(hù)顯示一條消息。
4.完成保存操作
我們已經(jīng)完成了很多工作，現(xiàn)在只需要將上面的所有代碼整合到一個(gè)完整的程序中，然后測(cè)試并部署到服務(wù)器上即可。
我希望本文能夠?qū)Υ蠹矣兴鶐椭趯?shí)現(xiàn)多選下拉框保存至數(shù)據(jù)庫(kù)操作時(shí)起到一定的指導(dǎo)作用。
相關(guān)問(wèn)題拓展閱讀：
- 如何實(shí)現(xiàn)excel下拉菜單多選
- 保存下拉框查詢(xún)條件的值
如何實(shí)現(xiàn)excel下拉菜單多選
利用excel的
數(shù)據(jù)有效性
功能。
1、打開(kāi)excel表格后，選中目標(biāo)表格，點(diǎn)擊數(shù)據(jù)菜單中的“數(shù)據(jù)有效性”圖標(biāo)。
2、然后將允許設(shè)置為“序列”，如圖。
3、然后在來(lái)源欄輸入選項(xiàng)內(nèi)容，選項(xiàng)之間用英文的逗號(hào)隔開(kāi)，進(jìn)行確定。
4、完成以上設(shè)置后，即可實(shí)現(xiàn)excel下拉菜單多選。
方法/步驟
首先來(lái)說(shuō)一下我們要實(shí)現(xiàn)的效果，就是我們選擇1級(jí)菜單后，2級(jí)菜單里就有對(duì)應(yīng)1級(jí)菜單的內(nèi)容，我們選擇2級(jí)菜單的項(xiàng)的時(shí)候，3級(jí)菜單會(huì)產(chǎn)生對(duì)應(yīng)2級(jí)菜單項(xiàng)的內(nèi)容，以此類(lèi)推，來(lái)說(shuō)一下我實(shí)現(xiàn)這種功能的原理，就是為不同的列的內(nèi)容設(shè)置了名稱(chēng)，而這個(gè)名稱(chēng)恰好就是上一級(jí)菜單里的選擇項(xiàng)。這樣的情況下，在數(shù)據(jù)有效性中的函數(shù)讀取的其實(shí)是引用這個(gè)名詞所對(duì)應(yīng)的區(qū)域內(nèi)的內(nèi)容，也就把我們下一級(jí)的菜單內(nèi)容讀取出來(lái)了。
接下來(lái)，我們來(lái)準(zhǔn)備數(shù)據(jù)，根據(jù)之一步所描述的原理，我將列名進(jìn)行了顏色處理，以方便大家去理解。
從1級(jí)項(xiàng)到3級(jí)項(xiàng)，高級(jí)別項(xiàng)是下一級(jí)的列名，這就是我們的數(shù)據(jù)源的格式，如果有的網(wǎng)友問(wèn)，不加這些列名可以嗎？回答是：可以的，不加列名的話，你需要知道每列對(duì)應(yīng)的上一級(jí)的內(nèi)容，加上只是方便查看。
接下來(lái)的一步是Office2023同2023以上版本不同的地方，創(chuàng)建名稱(chēng)，2023需要逐一創(chuàng)建，而像2023可以全選以后，系統(tǒng)會(huì)根據(jù)選擇區(qū)域自行創(chuàng)建，不過(guò)逐一創(chuàng)建也有好處，就是我們不會(huì)出現(xiàn)部分值出現(xiàn)2次的現(xiàn)象。接下來(lái)，我們就逐一進(jìn)行創(chuàng)建，首先創(chuàng)建“百度”的2級(jí)項(xiàng)內(nèi)容。選中數(shù)據(jù)區(qū)域。
點(diǎn)擊Ctrl+F3，或者從菜單欄中選擇“插入”–“名稱(chēng)”–“定義”。
需要注意的是，系統(tǒng)會(huì)默認(rèn)所選區(qū)域的首單元格內(nèi)容為當(dāng)前工作薄名稱(chēng)，我們需要改為上一級(jí)的名稱(chēng)。 這里，它的上一級(jí)是“百度”。
點(diǎn)擊“添加”，這樣一個(gè)工作薄的名稱(chēng)就添加完成了，剩下的同理。
全部添加完成后，我們就完成了對(duì)所需要的數(shù)據(jù)區(qū)域的命名工作。
接下來(lái)，我們準(zhǔn)備表格，我們需要將數(shù)據(jù)在表格中進(jìn)行多級(jí)關(guān)聯(lián)以實(shí)現(xiàn)我們想要的效果。
我們選擇機(jī)構(gòu)名稱(chēng)，然后在菜單欄中選擇“數(shù)據(jù)”–“有效性”。
有效性條件選擇“序列”，來(lái)源直接選擇機(jī)構(gòu)名稱(chēng)下的內(nèi)容項(xiàng)。
確定之后，我們會(huì)發(fā)現(xiàn)，機(jī)構(gòu)名稱(chēng)下就會(huì)有內(nèi)容項(xiàng)了，當(dāng)然了，這一步可能很多人都已經(jīng)知道了，我就不過(guò)多解釋了。
接下來(lái)，我們來(lái)關(guān)聯(lián)2級(jí)的內(nèi)容，同樣在菜單欄中選擇“數(shù)據(jù)”–“有效性”，有效性條件選擇“序列”，但來(lái)源中，我們需要用到INDIRECT(目標(biāo)單元格)，然后點(diǎn)擊確定。
這樣，我們就會(huì)發(fā)現(xiàn)，2級(jí)菜單的關(guān)聯(lián)已經(jīng)有了，而且不會(huì)出現(xiàn)重復(fù)的1級(jí)菜單項(xiàng)。
接下來(lái)我們關(guān)聯(lián)3級(jí)菜單，同關(guān)聯(lián)2級(jí)菜單一致，在來(lái)源中，我們需要用到INDIRECT($F14)。
這樣，我們3級(jí)菜單也就關(guān)聯(lián)完成了，包括4級(jí)，5級(jí)甚至更多，都可以這樣來(lái)實(shí)現(xiàn)。
保存下拉框查詢(xún)條件的值
jsp 不是很了解,我在用asp做的時(shí)候通常都是把查詢(xún)參數(shù)設(shè)置給一個(gè)變量, 每散衫次打開(kāi)查詢(xún)頁(yè)面的時(shí)猜掘陪候自動(dòng)加載該查詢(xún)變量穗蠢值到查詢(xún)框. jsp應(yīng)該可以用類(lèi)似的辦法, 具體怎么寫(xiě), 語(yǔ)法不會(huì).
保存下拉框查詢(xún)條件的值參考如下：
彎亮
你都不說(shuō)是用哪個(gè)語(yǔ)言
用struts2標(biāo)簽，數(shù)據(jù)從數(shù)據(jù)庫(kù)中提取，
String all = request.getParameter(“all”);
String title = request.getParameter(“title”);
String type = request.getParameter(“type”);
Map map = new HashMap();
if (null == all) {
if (title != null && !””.equals(title)) {
title = title.trim();
map.put(“title”, title);
}
if (type != null && !””.equals(type)) {
type = type.trim();
session.setAttribute(“typeId”, type);
map.put(“type”, type);
}
} else {
session.removeAttribute(“脊世typeId”);
}request.setAttribute(“title”, title);
:
不用struts的畫(huà)用TL表達(dá)式,表單提交到servlet或struts后需要將下拉框查詢(xún)條件放到request作用域中 :
櫻睜肢
多選下拉框保存數(shù)據(jù)庫(kù)的介紹就聊到這里吧，感謝你花時(shí)間閱讀本站內(nèi)容，更多關(guān)于多選下拉框保存數(shù)據(jù)庫(kù),教你如何實(shí)現(xiàn)多選下拉框保存至數(shù)據(jù)庫(kù)操作,如何實(shí)現(xiàn)excel下拉菜單多選,保存下拉框查詢(xún)條件的值的信息別忘了在本站進(jìn)行查找喔。
香港服務(wù)器選創(chuàng)新互聯(lián)，2H2G首月10元開(kāi)通。
創(chuàng)新互聯(lián)（www.cdcxhl.com）互聯(lián)網(wǎng)服務(wù)提供商,擁有超過(guò)10年的服務(wù)器租用、服務(wù)器托管、云服務(wù)器、虛擬主機(jī)、網(wǎng)站系統(tǒng)開(kāi)發(fā)經(jīng)驗(yàn)。專(zhuān)業(yè)提供云主機(jī)、虛擬主機(jī)、域名注冊(cè)、VPS主機(jī)、云服務(wù)器、香港云服務(wù)器、免備案服務(wù)器等。
網(wǎng)站題目：教你如何實(shí)現(xiàn)多選下拉框保存至數(shù)據(jù)庫(kù)操作(多選下拉框保存數(shù)據(jù)庫(kù))
轉(zhuǎn)載源于：http://m.5511xx.com/article/djjcoos.html
