本帖最后由 laserw9 于 2021-1-29 15:36 编辑
最近刚开始研究活字格,已经看完了官方的 help 视频文档(v6版)。
我在看论坛里问题的时候,看到这里的 阿南哥 上传的 111.fgcc 源文件,边下载研究了下
https://gcdn.grapecity.com.cn/forum.php?mod=viewthread&tid=86888&fromuid=60445
然后我忽然发现有一个关于组合框的功能不知道怎么实现,便来这里问一下,这是我第一次发帖。
请问活字格里的组合框怎么实现值与文本关联?
如果我理解没错的话,是不是像 阿男哥 这样设值这两项值呢?
另外,当用户切换组合框的选项时,怎么样同时取出用户选中项的 文本(显示的文本) 和 值(与文本绑定的另一个值) 和 索引(index) 呢?
类似于这样的效果
这个是我的代码:
【方便复制的代码标记】
- <html>
- <head>
- <meta charset="utf-8" />
- <title>laserw9小巫师</title>
- <style>
- #auto_out_id {width: 250px;}
- </style>
- </head>
- <body>
- <select id="cbo_id">
- <option value="110">red</option>
- <option value="202">green</option>
- <option value="333">blue</option>
- </select>
- <input type="button" id="btn_id" value="输出选中值到标签" />
- <label id="out_id">[请点击按钮]</label>
- <div>
- <input type="text" id="auto_out_id" placeholder="选中自动输出选中值" />
- </div>
- <script>
- window.onload = function() {
- let btn = document.querySelector('#btn_id');
- let selector = document.querySelector('#cbo_id');
- let lblOutput = document.querySelector('#out_id');
- let inpOutput = document.querySelector('#auto_out_id');
- let items = selector.textContent.trim().split(/\s*\n+\s*/g);
-
- btn.onclick = function () {
- let idx = selector.selectedIndex;
- let val = selector.value;
- let text = items[idx];
- lblOutput.innerText = `选中项的 Index:${idx}, Value:${val}, Text:${text}`;
- };
-
- selector.onchange = function () {
- let idx = this.selectedIndex;
- let val = this.value;
- let text = items[idx];
- inpOutput.value = `选中项的 Index:${idx}, Value:${val}, Text:${text}`;
- };
- };
- </script>
- </body>
- </html>
复制代码
望求解,谢谢
|