Javascript 如何获取category的值，然后将其显示在另一个文本框中

我想从“second_dropdown”列表中的option标记中的category中获取值“111”，并将其显示在另一个输入标记中，我是javascript新手。我希望你们能得到我想要的

这是我的代码，但不是我想要实现的：

资料来源：

 <select id="first_dropdown" type="text" name="department" required>
   <option value="">Select Department</option>
   <option id="111" value="Finance Department">Finance Department</option>
 </select>


<select id="second_dropdown" type="text" name="position" required>
   <option value="">Select Position</option>
   <option category="111" value="Finance Director">Finance Director</option>
</select>

---

这里有一个例子：

您可以跟踪更改，每次用户输入输入时，您都可以接受该输入并执行任何您想要的操作

我建议你去看看这本书

const secDrop=document.getElementById（'second_dropdown'）；
const res=document.getElementById（'result'）；
secDrop.addEventListener（'change'，e=>{
res.value=e.target.selectedOptions[0].getAttribute（'category'）；
//这是类别值
console.log（e.target.selectedOptions[0].getAttribute（'category'）；
});

选择部门
财务部
选择位置
财务总监
您可以使用selectedOptions和selectedIndex来获取所需的值

查看此处的代码片段：
如果您这样做是为了学习，那太好了！如果不是的话，jQuery会让这变得更容易——但最终很容易得到一个难以维护的站点。你可能想看看像React这样的轻量级框架。先生，你有关于如何从类别中获得价值的示例代码吗？也许我可以使用它。这不是通过一个临时修复来解决你当前的问题，而是为了长期的可维护性而重新构建你的整个网站。你可以从这里开始：我明白你想对我说的，先生，我最近找到了一个维护页面的代码，先生，我试图得到值“111”从类别中提取并存储在数据库中sir您有要点sir，但我试图实现的是如何获取类别值sir，以便我可以使用类别中的值并将其存储在数据库中
e.target.value
是您想要的值。我想获取category=“111”的值并将其存储在数据库中siri更新了我的答案，当心
e.target.selectedOptions[0].getAttribute（'category'）
这段代码为您提供了
category
值。
<input id="result" type="text" name="xyz" onblur="get_value()">

function get_value() {
    var result;
    result=document.getElementById('second_dropdown').value;
    document.getElementById('result').value=result;
    console.log(result);
}