我正在嘗試使用下拉搜索選擇器來打開基于選擇的內容，無論是通過搜索功能還是從下拉列表中選擇，但是我無法讓選擇器正常工作。我決定使用 select2 而不是自定義構建的下拉搜索選擇器。有了這個，我不得不使用引用直接鏈接到 CSS 和 JS 文件。由于某種原因，在本地引用文件不起作用。我遇到的新問題是當我選擇一個選項時，兩個選項都會顯示。我在哪里搞砸了？請參閱下面的代碼了解我已經嘗試過的內容：<!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) {}
根據選擇標簽選項顯示內容
千萬里不及你
2021-11-18 21:10:59
