javascript - 对 Javascript 很陌生。如何使此代码可扩展/更清洁？-6ren

javascript - 对 Javascript 很陌生。如何使此代码可扩展/更清洁？

转载作者：行者123 更新时间：2023-11-30 10:31:26

25

4

<分区>

对于我正在开发的 Web 应用程序，我需要使用根据下拉选择菜单而变化的数据填充表列。我在下面有一个解决方案，它工作正常，但是因为我今天早上才真正开始学习 javascript/JQuery，所以我确信它不是一个很好的解决方案。当我开始使用更大的表格或使用大量下拉字段时，它会变得困惑。我有什么办法可以做得更好吗？

谢谢，

标记

var GBP = new Array();
GBP[0] = "£1";
GBP[1] = "£2";
GBP[2] = "£3";
GBP[3] = "£4";
GBP[4] = "£5";
GBP[5] = "£6";
GBP[6] = "£7";

var EUR = new Array();
EUR[0] = "€1";
EUR[1] = "€2";
EUR[2] = "€3";
EUR[3] = "€4";
EUR[4] = "€5";
EUR[5] = "€6";
EUR[6] = "€7";

var USD = new Array();
USD[0] = "$1";
USD[1] = "$2";
USD[2] = "$3";
USD[3] = "$4";
USD[4] = "$5";
USD[5] = "$6";
USD[6] = "$7";

$(document).ready(function() {

    //populate currency column with default values (GBP)
    $('#prices tr').each(function(i) {
            $(this).find('.currency').html(GBP[i]);
    });

    //populate the currency column with a value dependent
    //on the selector dropdown 
    $('.currency-select').change(function() {
        if($(this).val() == "GBP"){
            $('#prices tr').each(function(i) {
                $(this).find('.currency').html(GBP[i]);
            }); 
        }

        if($(this).val() == "EUR"){
            $('#prices tr').each(function(i) {
                $(this).find('.currency').html(EUR[i]);
            });
        }

        if($(this).val() == "USD"){
            $('#prices tr').each(function(i) {
                $(this).find('.currency').html(USD[i]);
            });
        }       
    });
});

25

4

0

文章推荐： java - 为什么不能列出 > 被分配给 List>

文章推荐： java - 从 java config 加载额外的 spring 配置文件

文章推荐： swift - 将sql中的数据拉取到 TableView

system - 可扩展 VS 可扩展
关闭。这个问题是opinion-based .它目前不接受答案。想改善这个问题吗？更新问题，以便可以通过 editing this post 用事实和引文回答问题. 4 个月前关闭。 Improve
Azure 松散耦合/可扩展
我已经为这个概念苦苦挣扎了一段时间。我正在尝试提出一种松散耦合的 Azure 组件设计，该设计可以使用队列和辅助角色完全可扩展，从而使项目出列并处理。我可以随意扩展工作角色，并且发布到队列从来都不是问
Android 可扩展 ListView
尝试在 android 中创建可扩展 ListView 。我希望每个组都扩展到一个预设的 XML 布局文件。例如。 A组{ 展开时显示 XML 文件 A:按钮、搜索栏、微调器等 } 乙组{ 展开时显示
Android 可扩展 ListView
在 android 可扩展 ListView 中，我需要显示子项，仅在按下展开折叠节点时..即；我不想让 children 按下可扩展 ListView 的行。我该如何完成？问候，罗尼最佳答案我
java - 优化EditText语法突出显示(可扩展)
我正在开发一个Android代码编辑器，但是当我对它应用语法突出显示时，它会变得很滞后，是否有任何方法可以对其进行优化？这是我的代码： protected void onCreate(Bundle
android - 可扩展 ListView
我正在开发安卓应用程序。我发现下面的输出图像显示了以下问题。请帮我解决我的问题。 Xml file 输出截图- 最佳答案使用 setIndicatorBounds。开发链接:http://deve
Android 可扩展 ListView
最近我在尝试使用 android 的可扩展 ListView ，所以我四处搜索并偶然发现了这个 http://about-android.blogspot.com/2010/04/steps-to-i
Haskell 可扩展 IO 异常？
在 Control.Exception 的文档中在 base 4.4.0.0 中有一个如何创建异常层次结构的示例。该示例展示了如何通过根据父异常声明 Exception 类的实例来捕获特定异常的概括。
java - 可扩展 ListView android
我正在开发一个将显示一些可扩展列表的应用程序。事实上，有时该对象不会有任何子对象。所以我想在我的可扩展列表中仅显示具有子元素的元素。我尝试在 getGroupView 函数中放入 if ，如果该对象没
javascript - 可扩展 Electron 应用程序的架构？
这是一个有点开放式的问题，但是，制作良好的可扩展 Electron 应用程序的好方法是什么？ VSCode、Atom 和许多其他工具都支持扩展，但它们的代码库太大，我无法理解发生了什么。我对 Jupy
.net - 可扩展 Facebook 游戏的服务器架构
我和一些 friend 为 Facebook 编写了一款游戏，但没有过多考虑游戏的实际架构 - 想象一下当我们每月吸引超过 300,000 名独立玩家并且我们的服务器崩溃时我们的惊喜。现在我们正在努
Android 可扩展 ListView 随机播放子项
您好，我正在使用 Android Expandable listview 并在其中用不同的 View 膨胀 child 。我遇到的问题是，当我展开一个 View 然后打开另一个父 View 时，布局中
android - 可扩展 ListView 自动刷新？
我的场景是，我有一个可扩展 ListView ，在列表中动态添加我和 child 。我的子布局就是这样。当我点击相应项目的编辑按钮时，我打开对话框从用户那里获取输入，然后点击更新相应的详细信息更新到
java - 如何在不使用第三方库的情况下使 recyclerview 可扩展
我想使用 RecyclerView 创建项目列表，并希望在单击时展开特定项目(如电话列表)。我想在不使用任何库的情况下实现这一目标。谁能帮忙？最佳答案获取子数据列表作为数据集中父数据的成员。并且，
android - 可扩展 ListView android的自定义子布局
我使用 ExpandableListview ... 我能够将从 Web 服务检索到的值设置为子布局的单个 Textview。现在需要在 Web 服务的子布局中设置两个不同的 Textviews 值我
android - 可扩展 ListView 顺序不正确
我的可扩展 ListView 的顺序似乎不正确。这是我的数据提供者: public class DataProvider { public static HashMap> getInfo() {
android - 在android上的列表(可扩展)项目内创建垂直线
所以我试图在我的可扩展列表的子项列表中创建一行，但它不起作用，这是我的布局:
android - 可扩展 ListView 中的自定义图标具有扭曲的尺寸
我有一个需要自定义箭头的可扩展 ListView 。我尝试将 groupIndicator 设置为这样的选择器: 但是，出于某种原因，这会扭曲箭头的尺寸，请参见下文: 知道它们为
android - 可扩展 ListView ArrayIndexOutOfBoundsException
我正在尝试实现具有 2 种不同布局的 ExpandableListView，到目前为止，我花了一段时间才真正让 1 个 View 组使用一个布局，而其他 2 个 View 组使用另一个。到目前为止，外
ios - 可扩展 TableVIew 的示例项目
关闭。这个问题不符合Stack Overflow guidelines .它目前不接受答案。要求我们推荐或查找工具、库或最喜欢的场外资源的问题对于 Stack Overflow 来说是偏离主题的，

首页

博学

6Ren·AI

商城

javascript - 对 Javascript 很陌生。如何使此代码可扩展/更清洁？