Javascript 查看下拉菜单HTML代码的详细信息

你好

我想得到一些关于修复这个html代码的帮助。 将有10个下拉列表项，例如在下面的代码上。如果选择了项目1，则将在文本框中查看项目代码详细信息

然而，我真的是新到这个东西，文本框是相当小的细节，细节将在段落

谢谢

函数showdv（obj、id1、id2）{
txt=obj.options[obj.selectedIndex]。文本；
document.getElementById（“box”）.style.display='none'；
if（txt.match（id1））{
document.getElementById（“box”）.style.display='block'；
document.getElementById（“boxx”）.value=txt
}
if（txt.match（id2））{
document.getElementById（“box”）.style.display='block'；
document.getElementById（“boxx”）.value=txt
}
}
选择
项目一
项目二

您可以使用

或

来显示您的内容。检查下面的示例

函数showdv（obj、id1、id2）{
var txt=["项目1说明：在“插入”选项卡上，库包括设计用于与文档整体外观协调的项目在“插入”选项卡上，库包括设计用于与文档整体外观协调的项目在“插入”选项卡上，库包括设计用于与整体外观协调的项目查看您的文档“，
“项目2说明：奥雷姆·伊普苏姆·多洛·塞特，杰出的献身者。马萨·康格·马萨·波塞纳·波塞尔，普尔文主义者，自由主义者，自由主义者。”
];
var i=对象选择指数；
document.getElementById（“box”）.style.display='none'；
开关（一）{
案例1：
document.getElementById（“box”）.style.display='block'；
document.getElementById（“box”）.innerHTML=txt[i-1]；
打破
案例2：
document.getElementById（“box”）.style.display='block'；
document.getElementById（“box”）.innerHTML=txt[i-1]；
打破
}
}
选择
项目一
项目二

不发送ID

函数showdv（obj）{
var i=对象选择指数；
document.getElementById（“box”）.style.display='none'；
如果（i>0）{
document.getElementById（“box”）.style.display='block'；
document.getElementById（“box”）.innerHTML=document.getElementById（“容器”+i）.innerHTML；
}
}

选择
项目一
项目二
项目1说明：在“插入”选项卡上，库包括设计用于与文档整体外观协调的项目在“插入”选项卡上，库包括设计用于与文档整体外观协调的项目在“插入”选项卡上，库包括设计用于与整体外观协调的项目查看您的文档
“项目2说明：Lorem ipsum dolor sit amet，Concertetuer Adipsicing Elite。马萨是康格·马萨的前锋。Fusce posuere，magna-sed pulvinar ultricies，purus lectus malesuada libero，坐在amet commodo magna eros quis urna。”

我想你要问的是

• 如何使下拉列表中的选定项目在中显示详细信息 文本框

如果是这样，您需要在下拉列表中对当前选定的项目创建一个处理程序，然后根据从下拉列表中获得的值填充文本框中的文本（如果您正在调用服务器，通常是值/id或筛选条件）

//可能从数据库中提取的示例数据Ajax/get
var phoneDetails=[{
id:0，
名称：“LG”，
售价：344.99
}, {
id:1，
名称：“IPhone”，
价格：9000.00
}, {
id:2，
姓名：“黑莓”，
售价：3.99
}];
函数填充的详细信息（）{
//获取下拉列表的新值
var phoneID=document.getElementById（“ddItem”）.value；
var txtInputHandler=document.getElementById（“txtItemDetails”）；
var txtboxDetails=document.getElementById（“tbItemDetails”）；
//必须是异步函数，这样我们就不会被取消定义。
getPhoneDetails（phoneID、函数（详细信息）{
//在函数完成后设置项目的值
txtInputHandler.value=details.price；
txtboxDetails.value=details.price；
});
}
//根据id获取我们的数据
函数getPhoneDetails（id，回调）{
phoneDetails.forEach（函数（项）{
if（id==item.id）{
回收（项目）；
}
});
}

--选择一个值--
LG
苹果手机
黑莓

那么问题在哪里？您想获取所选选项的值吗？关于如何在文本框中添加段落以及应该如何操作：当您可以使用

或

显示内容时！