Javascript 单击下拉选项时使面板弹出

我已经制作了一个下拉菜单。我想让它的地方，当你点击下拉菜单中的一个项目，一个面板弹出面板已经作出。那么我该如何创造呢？这是我目前的代码

<div class="row">
        <div class="large-12 columns">
          <label>Label</label>
           <select onchange="jsFunction()">
           <option value="blank"></option>
             <optgroup label="Label">
               <option value="Item #1">Item #1</option>
               <option value="Item #2">Item #2</option>
               <option value="Item #3">Item #3</option>
             </optgroup>
             <optgroup label="Label">
               <option value="Item #4">Item #4</option>
               <option value="Item #5">Item #5</option>
               <option value="Item #6">Item #6</option>
               <option value="Item #7">Item #7</option>
             </optgroup>
          </select>
        </div>
      </div>

就这样

var popup=$“popup”， 选择=$'slct'； $“弹出关闭”。单击“关闭”功能{ 预防违约； popup.hide； }; 选择。在“更改”功能上{ popup.show； }; 弹出窗口{ 位置：绝对位置； 宽度：350px； 高度：150像素； 显示：块； 背景：氟氯化碳； 左：calc50%-175px； 顶部：50px； 填充物：5px； z指数：10； 长方体阴影：0 0 3pxRGBA0,0,0,0.8； 游标：默认值； 显示：无； } 弹出窗口h3{ 边框底部：1px实心999 } 标签 项目1 项目2 项目3 项目4 项目5 项目6 项目7 弹出标题 Lorem ipsum dolor sit amet，奉献精英

就这样

var popup=$“popup”， 选择=$'slct'； $“弹出关闭”。单击“关闭”功能{ 预防违约； popup.hide； }; 选择。在“更改”功能上{ popup.show； }; 弹出窗口{ 位置：绝对位置； 宽度：350px； 高度：150像素； 显示：块； 背景：氟氯化碳； 左：calc50%-175px； 顶部：50px； 填充物：5px； z指数：10； 长方体阴影：0 0 3pxRGBA0,0,0,0.8； 游标：默认值； 显示：无； } 弹出窗口h3{ 边框底部：1px实心999 } 标签 项目1 项目2 项目3 项目4 项目5 项目6 项目7 弹出标题 Lorem ipsum dolor sit amet，奉献精英

---

弹出式面板文本根据在下拉列表中单击的内容而不同？弹出式面板文本根据在下拉列表中单击的内容而不同？面板在单击的内容之间确实不同。很抱歉回复太晚。没关系，你需要更多的帮助吗？我还没有测试过，因为我没有带文件。但是我能用这个弹出多个不同的窗口吗？对不起，如果我太笨了，我现在真的很累。当然，有不止一种方法可以做到这一点，最简单的方法是有几个隐藏的div，每个div包含你需要的文本，如果你单击下拉列表中的相应选项，您将该div的文本注入弹出式面板中，面板中单击的内容确实有所不同。很抱歉回复太晚。没关系，你需要更多的帮助吗？我还没有测试过，因为我没有带文件。但是我能用这个弹出多个不同的窗口吗？对不起，如果我太笨了，我现在真的很累。当然，有不止一种方法可以做到这一点，最简单的方法是有几个隐藏的div，每个div包含你需要的文本，如果你单击下拉列表中的相应选项，将该div的文本注入弹出面板