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

Question

我有一个 html 选择框，当前从 mySQL 表填充，行中的每个项目都有一个我希望显示在 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 中。

Answer 1

不幸的是不是，因为该值必须是其他内容而不是 url 链接（评论参考在<option> 标签内使用 href 链接建议的解决方案）然后将 URL 放入自定义数据属性中，并在 onchange 处理程序中从那里读取它。<option value="1234" data-url="http://...">Option text</option>