JavaScript:无法正确重新运行带有 if 语句的循环函数-6ren

JavaScript:无法正确重新运行带有 if 语句的循环函数

转载作者：行者123 更新时间：2023-11-28 06:52:58

首先感谢您的帮助。

我这里有一个 JSFiddle https://jsfiddle.net/tonegzup/zvf0xgev/

问题:第一次运行该页面时，您将能够在文本字段中提交“software1”并返回 3 个结果，这 3 个结果是对象数组的一部分。然后，您可以使用“aast”运行另一个提交，您将得到 1 个结果。现在，如果您对“software1”运行提交，您将仅返回 1 个结果，而不是原始的 3 个结果。

创可贴:它不在 jdFiddle 中，但现在我有一个带有“清除”按钮的设置，该按钮只会刷新页面，以便用户可以再次成功运行该工具，但我必须有一种方法可以正确完成此操作。

我也尝试过使用 jQuery，但我的 jQuery 无法运行，当我尝试在 .js 中使用带有“$”的任何内容时，它永远不会执行任何操作，并且我已包含 jquery-1.11.3.min.js。所以我一直在尝试坚持使用 javascript。

  <body>
<section class="page-header">
  <h1 class="project-name">PocTool</h1>
  <!--<h2 class="project-tagline">poctool</h2>-->

    <input class="button" id="app" type="string" onkeypress="enterKey(event)">
    <button type="button" onclick="myFunction();">Submit</button>


    <div id="anal">
    <p>
    <ul id="analy1" style="list-style-type:none">
        <img id="glyphu"</img>
        <li id="name"></li>
        <li id="lastname"></li>
        <li id="homenum"></li>
        <li id="busnum"></li>
        <li id="ex"></li>
        <li id="cellnum"></li>
        <img id="glyphe"</img>
        <li id="email"></li>
        <li id="company"></li>
    </ul>  


    <p>
    <ul id="analy2" style="list-style-type:none">
        <img id="glyphu"</img>
        <li id="name2"></li>
        <li id="lastname2"></li>
        <li id="homenum2"></li>
        <li id="busnum2"></li>
        <li id="ex2"></li>
        <li id="cellnum2"></li>
        <img id="glyphe"</img>
        <li id="email2"></li>
        <li id="company2"></li>
    </ul>  

    <p>
    <ul id="analy3" style="list-style-type:none">
        <img id="glyphu"</img>
        <li id="name3"></li>
        <li id="lastname3"></li>
        <li id="homenum3"></li>
        <li id="busnum3"></li>
        <li id="ex3"></li>
        <li id="cellnum3"></li>
        <img id="glyphe"</img>
        <li id="email3"></li>
        <li id="company3"></li>
    </ul>   
    <p>
    <ul id="analy4" style="list-style-type:none">
        <img id="glyphu"</img>
        <li id="name4"></li>
        <li id="lastname4"></li>
        <li id="homenum4"></li>
        <li id="busnum4"></li>
        <li id="ex4"></li>
        <li id="cellnum4"></li>
        <img id="glyphe"</img>
        <li id="email4"></li>
        <li id="company4"></li>
    </ul>   
    <p>
    <ul id="analy5" style="list-style-type:none">
        <img id="glyphu"</img>
        <li id="name5"></li>
        <li id="lastname5"></li>
        <li id="homenum5"></li>
        <li id="busnum5"></li>
        <li id="ex5"></li>
        <li id="cellnum5"></li>
        <img id="glyphe"</img>
        <li id="email5"></li>
        <li id="company5"></li>
    </ul>
    </div>

</section>

var arr0 = [
{lou: {
    firstname: 'Lou ',
    lastname: 'Steve',
    name: 'Lou Steve',
    homenum: '',
    busnum: '782-887-7836',
    ex: '52484',
    cellnum: '553-552-6908',
    email: 'Lou.Steve@123.com',
    company: ''
}
    }, {
    perkeisha: {
        firstname: 'Perkaisha',
        lastname: 'pants',
        name: 'Perkeisha pants',
        homenum: '754-366-6908',
        busnum: '586-727-7834',
        ex: '37569',
        cellnum: '754-366-6908',
        email: 'Perkeisha.pants@123.com',
        company: ''
    }
}, {
    tom: {
        firstname: 'Tom ',
        lastname: 'Tiny',
        name: 'Tom Tiny',
        homenum: '859-823-1155',
        busnum: '963-553-7837',
        ex: '37837',
        cellnum: '547-224-5045',
        email: 'Tom.Tiny@123.com',
        company: ''
    }
}
];



var arr =    [{
    appl: 'software1',
    anal1: arr0[1].perkeisha, 
    anal2: arr0[2].tom, 
    anal3: arr0[0].lou
},


    {
        appl: 'aast',
        anal1: arr0[1].perkeisha
    },


    {
        appl: 'accent health',
        anal1: arr0[1].perkeisha
    },
    {
        appl: 'accudose',
        anal1: arr0[2].tom
    }
          ];





var app, arrLength = arr.length;



function myFunction() {



var x, analystSupport, app;


// Get the value of the input field with id="app"
x = document.getElementById("app").value;
app = x.toLowerCase();



for (var i = 0; i < arrLength; i++){
if (app === arr[i].appl) {



console.log(arr[i].anal1.firstname);
console.log(arr[i].anal1.lastname);


var arr1 = [

    {analy1 : arr[i].anal1},
    {analy2 : arr[i].anal2},
    {analy3 : arr[i].anal3},     
    {analy4 : arr[i].anal4},         
    {analy5 : arr[i].anal5}              
];


if (arr1[0].analy1 === undefined) {
        document.getElementById("analy1").innerHTML = " ";
} else if (arr1[0].analy1 !== undefined) {

            document.getElementById("glyphu").src= "glyph/glyphicons-4-user.png";
            document.getElementById("name").innerHTML = arr1[0].analy1.name;
            document.getElementById("homenum").innerHTML = arr1[0].analy1.homenum;
            document.getElementById("busnum").innerHTML = arr1[0].analy1.busnum;
            document.getElementById("ex").innerHTML = arr1[0].analy1.ex;
            document.getElementById("cellnum").innerHTML = arr1[0].analy1.cellnum;
            document.getElementById("glyphe").src= "glyph/glyphicons-11-envelope.png";
            document.getElementById("email").innerHTML = arr1[0].analy1.email;
            document.getElementById("company").innerHTML = arr1[0].analy1.company;

    }
if (arr1[1].analy2 === undefined){
            document.getElementById("analy2").innerHTML = " ";
} else if (arr1[1].analy2 !== undefined) {
            document.getElementById("glyphu").src= "glyph/glyphicons-4-user.png";
            document.getElementById("name2").innerHTML = arr1[1].analy2.name;
            document.getElementById("homenum2").innerHTML = arr1[1].analy2.homenum;
            document.getElementById("busnum2").innerHTML = arr1[1].analy2.busnum;
            document.getElementById("ex2").innerHTML = arr1[1].analy2.ex;
            document.getElementById("cellnum2").innerHTML = arr1[1].analy2.cellnum;
            document.getElementById("email2").innerHTML = arr1[1].analy2.email;
            document.getElementById("company2").innerHTML = arr1[1].analy2.company;
    }
if (arr1[2].analy3 === undefined){
            document.getElementById("analy3").innerHTML = " ";
} else if (arr1[2].analy3 !== undefined) {
            document.getElementById("glyphu").src= "glyph/glyphicons-4-user.png";
            document.getElementById("name3").innerHTML = arr1[2].analy3.name;
            document.getElementById("homenum3").innerHTML = arr1[2].analy3.homenum;
            document.getElementById("busnum3").innerHTML = arr1[2].analy3.busnum;
            document.getElementById("ex3").innerHTML = arr1[2].analy3.ex;
            document.getElementById("cellnum3").innerHTML = arr1[2].analy3.cellnum;
            document.getElementById("email3").innerHTML = arr1[2].analy3.email;
            document.getElementById("company3").innerHTML = arr1[2].analy3.company;
    }
if (arr1[3].analy4 === undefined){
            document.getElementById("analy4").innerHTML = " ";
} else if (arr1[3].analy4 !== undefined) {
            document.getElementById("glyphu").src= "glyph/glyphicons-4-user.png";
            document.getElementById("name4").innerHTML = arr1[3].analy4.name;
            document.getElementById("homenum4").innerHTML = arr1[3].analy4.homenum;
            document.getElementById("busnum4").innerHTML = arr1[3].analy4.busnum;
            document.getElementById("ex4").innerHTML = arr1[3].analy4.ex;
            document.getElementById("cellnum4").innerHTML = arr1[3].analy4.cellnum;
            document.getElementById("email4").innerHTML = arr1[3].analy4.email;
            document.getElementById("company4").innerHTML = arr1[3].analy4.company;
    }
if (arr1[4].analy5 === undefined){
            document.getElementById("analy5").innerHTML = " ";
} else if (arr1[4].analy5 !== undefined) {
            document.getElementById("glyphu").src= "glyph/glyphicons-4-user.png";
            document.getElementById("name5").innerHTML = arr1[4].analy5.name;
            document.getElementById("homenum5").innerHTML = arr1[4].analy5.homenum;
            document.getElementById("busnum5").innerHTML = arr1[4].analy5.busnum;
            document.getElementById("ex5").innerHTML = arr1[4].analy5.ex;
            document.getElementById("cellnum5").innerHTML = arr1[4].analy5.cellnum;
            document.getElementById("email5").innerHTML = arr1[4].analy5.email;
            document.getElementById("company5").innerHTML = arr1[4].analy5.company;
    }




    }
    } //end of iterate through 'arr' array

    }



    function enterKey(e){
    var key=e.keyCode || e.which;
    if (key==13){
        myFunction();
    }
    }

最佳答案

我明白了......

当我这样做时

document.getElementById("analy1").innerHTML = " ";

问题是我造成的。将代码设置为

document.getElementById("analy1").style.display = "none";

可以通过确保 ID 仍然可用来解决问题，但确保它们不显示。

关于JavaScript:无法正确重新运行带有 if 语句的循环函数，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/32805348/

文章推荐： jquery - 在 SlideToggle 上 - 添加 CSS 类 + 折叠行为

文章推荐： python - 通过boost python从python中提取常量值

文章推荐： javascript - 正确保存数据到mongoDB

angular - 从批处理文件运行一组命令(运行 VSCode、运行 NG 服务)
好的，所以我想从批处理文件运行我的整个工作环境... 我想要实现什么...... 打开新的 powershell，打开我的 API 文件夹并从该文件夹运行 VS Code 编辑器(cd c:\xy;
单击“运行”按钮时，iOS Xcode 项目不会构建/运行
我正在查看 Cocoa Controls 上的示例并下载了一些演示。我遇到的问题是一些例子，比如 BCTabBarController ，不会在我的设备上构建或启动。当我打开项目时，它看起来很正常，没
c - 运行 C — helloWorld 运行，但没有其他内容 — Ubuntu
我刚刚开始学习 C 语言(擅长 Java 和 Python)。当编写 C 程序(例如 hello world)时，我在 ubuntu cmd 行上使用 gcc hello.c -o hello 编译
php - 从 cron 运行 php 没有作为 CLI 运行
我在 php 脚本从 cron 开始运行到超时后注意到了这个问题，但是当它从命令行手动运行时这不是问题。 (对于 CLI，PHP 默认的 max_execution_time 是 0) 所以我尝试运行
node.js - 如何通过 IntelliJ 运行/调试配置让 wdio 运行？
我可以使用命令行运行测试 > ./node_modules/.bin/wdio wdio.conf.js 但是如果我尝试从 IntelliJ 的运行/调试配置运行它，我会遇到各种不同的错误。 Fea
java - 从 python 运行 bat 文件会返回错误，而直接从 cmd 运行
Error occurred during initialization of VM. Could not reserve enough space for object heap. Error: C
python - 无法从 anaconda 运行 jupyter 笔记本，但可以从 python 运行
将 Anaconda 安装到 C:\ 后，我无法打开 jupyter 笔记本。无论是在带有 jupyter notebook 的 Anaconda Prompt 中还是在导航器中。我就是无法让它工作。
Python 脚本通过双击和 IDLE 运行，但不通过 Windows CMD shell 运行
我遇到一个问题，如果我双击我的脚本 (.py)，或者使用 IDLE 打开它，它将正确编译并运行。但是，如果我尝试在 Windows 命令行中运行脚本，请使用 C:\> "C:\Software_Dev
php - 查询从 postman 和 phpmyadmin 运行，但不是从 android 运行
情况我正在使用 mysql 数据库。查询从 phpmyadmin 和 postman 运行但是当我从 android 发送请求时(它返回零行) 我已经记录了从 android 发送的电子邮件是正确
java - 从 Java 运行 .exe 会提供与直接从 Windows 运行 .exe 不同的控制台输出
所以这个有点奇怪 - 为什么从 Java 运行 .exe 文件会给出不同的输出而不是直接运行 .exe。当 java 在下面的行执行时，它会调用我构建的可与 3CX 电话系统配合使用的 .exe 文
c# - 应用程序在 Visual Studio 的单元测试中以 x86 运行，但在独立时以 x64 运行
这行代码 Environment.Is64BitProcess 当我的应用单独运行时评估为真。但是当它在我的 Visual Studio 单元测试中运行时，相同的表达式的计算结果为 false。我
javascript - 使用 JQuery 运行 AJAX 和使用普通 XMLHttpRequest 运行 AJAX 有什么区别？
关闭。这个问题是opinion-based .它目前不接受答案。想要改进这个问题？更新问题，以便 editing this post 可以用事实和引用来回答它. 关闭 8 年前。 Improve
c - 为什么我的 C 程序可以在 "git bash"运行，但不能在 "cmd"运行？
我写了一个使用 libpq 连接到 PostgreSQL 数据库的演示。我尝试通过包含将 C 文件连接到 PostgreSQL #include 在我将路径添加到系统变量 I:\Program F
java - 从 Jenkins 运行 Android 模拟器以使用 Robotium 运行 Junit 测试
如何从 Jenkins 运行 Android 模拟器来运行我的测试？当我在 Execiute Windows bath 命令中写入时，运行模拟器的命令: emulator -avd Tester 然后
ruby-on-rails - 使用 ngninx 运行 errbit，使用 ssl 运行 passenger
我已经配置好东西，这样我就可以使用 ssl 登录和访问在 nginx 上运行的 errbit 我的问题是我不知道如何设置我的 Rails 应用程序的 errbit.rb 以便我可以运行测试 nginx
ios - flutter app 不是由 flutter build ios 运行，而是由 xcode 运行
我编写了 flutter 应用程序，我通过 xcode 打开了 ios 部分并且应用程序正在运行，但是当我通过 flutter build ios 通过 vscode 运行应用程序时，我得到了这个错误
python - 我的 python 脚本通过我的 IDE (PyCharm) 运行，但无法使用 Python shell 运行
我有一个简短的 python 脚本，它使用日志记录模块和 configparser 模块。我在Win7下使用PyCharm 2.7.1和Python 3.3。当我使用 PyCharm 运行我的脚本时
c# - .NET 2005 - 通过 IIS 的测试作为 x86 运行。单元测试以 x64 运行
我在这里遇到了一些难题。我的开发箱是 64 位的，windows 7。我所有的项目都编译为“任何 CPU”。该项目引用了 64 位版本的第 3 方软件当我运行不使用任何 Web 引用的单元测试时，
c++ 相同的代码从不在 Visual Studio 中编译/运行，有时在 Qt Creator 中编译/运行
当我注意到以下问题时，我正在做一些 C++ 练习。给定的代码将不会在 Visual Studio 2013 或 Qt Creator 5.4.1 中运行/编译报错: invalid types 'd
airflow - 运行 dag 并让 Airflow 运行 : error: the following arguments are required: task_id,execution_date
假设我有一个 easteregg.py 文件: from airflow import DAG from dateutil import parser from datetime import tim

行者123

个人简介

我是一名优秀的程序员,十分优秀！

作者热门文章

滴滴打车优惠券免费领取

全站热门文章

首页

博学

6Ren·AI

商城

JavaScript:无法正确重新运行带有 if 语句的循环函数