Javascript 来自<；选择>；

需要帮忙吗

基本上，我现在看到的是一个用户与我共享的脚本，它创建了一个隐藏的段落，该段落上显示的内容受2个下拉列表的值的限制，它工作得非常好，但只有一件事：

对于第一个我想使用数字作为值：奥迪0，宝马1，奔驰2等等，但一旦我用数字替换这些值，它似乎就不起作用了

请检查代码，非常感谢您的帮助，真的：）

函数myFunction（）{
让消息={
AudiBlack:“黑色奥迪”，
奥迪：“红色奥迪”，
BMWBlack:“黑色宝马”，
宝马：“红色宝马”，
MercedesBlack：“黑色奔驰”，
梅塞德斯雷德：“红色梅赛德斯”，
沃沃巴尔克：“黑色沃尔沃”，
沃尔沃德：“红色沃尔沃”
};
var car=document.getElementById（“mySelect”）.value；
var color=document.getElementById（“变体”）.value；
document.getElementById（“demo”）.innerHTML=`${messages[car+color]}`；
}

从列表中选择一辆新车

奥迪
宝马
梅赛德斯
沃尔沃汽车
黑色
红色
选择新车时，会触发一个功能，输出所选车辆的值

您必须在myFunction（）中重新声明密钥，以使其正常工作：

函数myFunction（）{
让消息={
“0黑色”：“黑色奥迪”，
“0Red”：“红色奥迪”，
“1Black”：黑色宝马，
“1Red”：红色宝马，
“2Black”：黑色奔驰，
“2Red”：红色梅赛德斯，
“3Black”：黑色沃尔沃，
“3Red”：“红色沃尔沃”
};
var car=document.getElementById（“mySelect”）.value；
var color=document.getElementById（“变体”）.value；
document.getElementById（“demo”）.innerHTML=`${messages[car+color]}`；
}

从列表中选择一辆新车

奥迪
宝马
梅赛德斯
沃尔沃汽车
黑色
红色
选择新车时，会触发一个功能，输出所选车辆的值

将

中的值选择为数字的最简单方法是使用数组，这与您正在执行的操作非常类似，但是，我会更改数组的性质以包含对象。像这样


函数myFunction（）{
让消息=[{
红色：“红色奥迪”，
黑色：“黑色奥迪”
},
{
红色：“红色宝马”，
黑色：“黑色宝马”
}
];
var carIdx=document.getElementById（“mySelect”）.value；
var color=document.getElementById（“变体”）.value；
document.getElementById（“demo”）.innerHTML=`${messages[carIdx][color]}`；
}

从列表中选择一辆新车

奥迪
宝马
黑色
红色
选择新车时，会触发一个功能，输出所选车辆的值


man非常感谢，显然忘了在：0黑色等周围放括号，这就是它不工作的原因，它现在工作正常，非常感谢！我很高兴能帮上忙。如果你认为答案是正确的，你可以把答案标记为正确。														

---

• [html]相关文章推荐

• Html 屏幕上的href和onclick区域很小且位置错误 htmlcss
• 将html网站上载到wordpress服务器 htmlwordpress
• Html 梯度在Safari中不起作用 htmlcssweb
• Html ipad上的可滚动div问题 htmlcssipadscroll
• Html 使图像正确水平对齐 htmlcss
• 将HTML标记转换为实体引用时，字符文字中的字符太多 htmlstringc#-4.0
• Html CSS显示：表格行设置高度 htmlcss
• Html 如何替换特殊字符'<'；从SQL server中的字符串？ htmlreplacesql-server-2008-r2
• Html &引用；位置：绝对“；CSS中的用法 htmlcss
• Html Favicon不更新；刷新新版本，然后恢复 htmlweb
• Odoo和Qweb：在报价报告中呈现HTML htmlopenerp
• Html 强制flexbox元素不占用所有垂直空间 htmlcss
• Html 实现赢得的导航内容'；t中心ul元件 htmlcssbootstrap-4
• Html 网页依赖项文件不完整 htmlnode.jsnetworking
• Html 角度-上传时将文件名传递到输入文本框 htmlangular
• Html 如何为网站添加一些非标准字体？ htmlcssfonts
• Html 单击React js中的P标记更改视频当前时间 htmlreactjsvideo
• Html 在静态文件夹之外添加Spring的路径 htmlspring
• Html 如何在状态更改时触发页面重新加载 htmlreactjs
• Html 仅CSS砌体布局 htmlcss

---

• 随机文章推荐

• Processing 如何使用jogl 2.0设置四元缓冲 processing
• Processing 处理中如何转换颜色数据 processing
• Processing 在一个画布中绘制具有不同数据的两个streamgraph processing
• Processing 在处理过程中使用minim lib查找麦克风输入的音量 processing
• Processing 如何获取曲线上任意点的坐标值？ processing
• Processing 当绘制到主上下文时，PGraphics似乎会被清除或冻结 processing
• Processing 如何保存使用ttslib的处理草图生成的音频？ processing
• Processing 处理JS嵌入问题 processing
• Processing 如何在处理过程中使用声音库播放声音？ processing
• Processing 为什么我的打印功能会打印乱码消息？ processing
• 使用Processing（p5.js）处理二次曲线上的点 processing
• Processing 单击图像进行声音播放-处理 processing

---

[javascript]相关推荐

Tags

Api Pointers Linux Javafx 2 Winapi Symfony1 Webstorm Dotnetnuke Spring Integration Delphi Nestjs Asp.net Web Api Ios5 Sails.js Soap Puppet Tabs Xamarin.forms Amazon Redshift Cmd .htaccess Parallel Processing Ionic Framework Hadoop Dynamics Crm Loopbackjs Logstash Db2 Project Management Utf 8 Visual Studio 2015 Lotus Notes Flask Nsis Postman Go Exception Vuejs2 Azure Service Fabric File Weblogic Teamcity Caching Abap Cookies Gps Charts Dart Jersey Graphviz Macos Oracle Apex Protractor Templates Rally Jdbc D Grep Facebook Graph Api Spring Boot Silverstripe Qml Jhipster Boost Jms Search Yocto Tensorflow Visual Studio 2012 Actions On Google Video Streaming Scala Exception Handling Uml Elixir Pip Design Patterns Tinymce Error Handling Opencart Phpstorm Path Wcf Google Analytics Air Events Here Api Snowflake Cloud Data Platform Hyperlink Apache Flink Itext Random Macros Mapreduce Twig Google Compute Engine Pycharm Eclipse Yii2 Umbraco Jar Anaconda Gnuplot Gis Cuda Rdf Adobe Unicode User Interface Ssl Cygwin Character Encoding Sprite Kit Sqlalchemy Raspberry Pi Groovy Computer Science Visual C++ Map Model Visual Studio Three.js Compiler Errors Syntax Xpath Jestjs Android Layout Azure Functions Download Asterisk Microsoft Graph Api Github Safari Webgl Video R Silverlight Formatting Graphql Http Canvas Netsuite Android Emulator Iphone Openerp Ajax Tcl Artifactory Javafx Angular Keyboard Parameters Imagemagick Version Control Azure Data Factory Apache Kafka Devexpress Udp Streaming Smtp Xsd Entity Framework 4 Zurb Foundation Ant Dependency Injection Actionscript Wxpython Amazon Dynamodb Symfony Hash Keras Vector Clojure Cocos2d Iphone Doctrine Orm Ada D3.js Ansible Servlets Material Ui Apache Flex Generics Linkedin Gstreamer Data Structures Mpi Extjs4 Shopify Redux Geometry Lua Domain Driven Design Windows Windows Phone Spring Odoo Floating Point Big O Solr Testing Machine Learning

Copyright © 2024. All Rights Reserved by - Fatal编程技术网