我正在嘗試使用下拉搜索選擇器來(lái)打開(kāi)基于選擇的內(nèi)容，無(wú)論是通過(guò)搜索功能還是從下拉列表中選擇，但是我無(wú)法讓選擇器正常工作。我決定使用 select2 而不是自定義構(gòu)建的下拉搜索選擇器。有了這個(gè)，我不得不使用引用直接鏈接到 CSS 和 JS 文件。由于某種原因，在本地引用文件不起作用。我遇到的新問(wèn)題是當(dāng)我選擇一個(gè)選項(xiàng)時(shí)，兩個(gè)選項(xiàng)都會(huì)顯示。我在哪里搞砸了？請(qǐng)參閱下面的代碼了解我已經(jīng)嘗試過(guò)的內(nèi)容：<!DOCTYPE html><html><head><META HTTP-EQUIV="PRAGMA" CONTENT="NO-CACHE"><meta name="viewport" content="width=device-width, initial-scale=1"><link href="../CSS/select2.min.css" rel="stylesheet" /><script src="../JS/select2.min.js"></script><script src="../JS/jquery-3.3.1.slim.min.js"></script><link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.10/css/select2.min.css" rel="stylesheet" /><script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.10/js/select2.min.js"></script><style>@font-face { font-family:"Poppins"; src: url("../Font/Poppins/Poppins-Regular.woff") format('woff'); font-weight: 600;}html { width: 100%; height: 100%; font-family: 'Poppins', sans-serif; overflow: hidden;}.video_container { display: inline-block; width: 65vw; height: 80vh; float: left; margin-left: 1%;}.select_div_container { display: inline-block; width: 30vw; height: 80vh; float: left; postion: fixed;}.select_div_desc { width: 75%; height: 40vh; overflow: auto; margin-left: auto; margin-right: auto;}.video_iframe, .video_span { display: none; height: 100%; width: 100%;}@media only screen and (max-width:480px) { .select_div_container {width: 100%; height: 45vh;} .select_div_desc {width: 100%; height: 60%;} .video_container {width: 100%; height: 40vh;}}@media screen and (min-width: 769px) and (max-width: 1400px) {}@media screen and (min-width: 1401px) and (max-width: 1920px) {}
根據(jù)選擇標(biāo)簽選項(xiàng)顯示內(nèi)容
千萬(wàn)里不及你
2021-11-18 21:10:59
