时间戳

首页 > 解决方案 > 单击显示从 mySQL 到文本框或 div 的 URL 时的 HTML 选择框（由 mySQL 填充）

javascript - 单击显示从 mySQL 到文本框或 div 的 URL 时的 HTML 选择框（由 mySQL 填充）

问题描述

我有一个当前从 mySQL 表填充的 html 选择框，行中的每个项目都有一个我希望在 DIV 或 texbox 中显示的 URL，我可以用每个项目的值和 URL 填充选择框（但是当然这看起来很乱，网址不可点击）

    <select id="item-list" style="margin: 0 !important; padding: 0 !important; width:100%" name="item[]" class="form-control name_list" required>
    <option value="" selected>Select a category</option>
    <?php $sql ="SELECT DISTINCT item,link FROM test_table ORDER BY item ASC";
    $result = mysqli_query($connect, $sql);
    while($sql = mysqli_fetch_array($result)) {
    echo "<option value='".$sql["item"]."'>". $sql["item"]." <href='".$sql['link']."'>".$sql['link']."</option>";
    } 
    ?>
    </select>

选择框填充了值和旁边的 url，但理想情况下，我希望 URL 显示在单独的区域中，我认为它与 onchange 事件有关，但不确定如何实现。

这是我当前生成的截图 在此处输入图像描述

谢谢

我试图实现的是我在选择框中选择的任何项目，url 部分都显示在单独的文本框或 div 中。

标签： javascriptphphtmlmysqlajax

解决方案

不幸的是，不是因为值必须是其他东西，而不是 url 链接

（评论参考在 <option> 标签中使用 href 链接建议的解决方案）

然后将 URL 放入自定义数据属性中，并在 onchange 处理程序中从那里读取它。

<option value="1234" data-url="http://...">Option text</option>

推荐阅读