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

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

选择一个类别

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

这是我目前生成的内容的屏幕截图

谢谢

我试图实现的是，无论我在选择框中选择哪个项目，url部分都会显示在单独的文本框或div中

不幸的是，值必须是其他值，而不是url链接

（参考中建议的解决方案的注释）

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

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

选项文本

这是否回答了您的问题？感谢您的链接，不幸的是，它的值必须是其他的，而不是url链接。你能分享当前输出的图片吗？“不幸的是，不是因为值必须是其他的东西”-然后将URL放入一个自定义数据属性中，然后在onchange处理程序中从那里读取。@Cbroe我使用了你的建议，效果很好谢谢，你能建议它作为答案吗？

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