使多个链接可见javascript_Javascript

使多个链接可见javascript

javascript

使多个链接可见javascript,javascript,Javascript,一次可以看到多个链接吗？我的意思是，在下面的代码中，当我在文本字段中输入project并按下提交按钮时，abc.htm链接变为可见。现在，当我在文本字段中输入project并按下submit按钮abc.htm和xyz.htm和cold.htm链接时，我希望看到这些链接。如果在文本字段中的下方书写，则情况相同 <html> <head> <script Language="JavaScript"> <!-- func

一次可以看到多个链接吗？我的意思是，在下面的代码中，当我在文本字段中输入

project

并按下提交按钮时，

abc.htm

链接变为可见。现在，当我在文本字段中输入

project

并按下submit按钮

abc.htm

和

xyz.htm

和

cold.htm

链接时，我希望看到这些链接。如果在文本字段中的下方书写，则情况相同

    <html>
    <head>
    <script Language="JavaScript">
    <!--
    function Blank_TextField_Validator() {
    // Check the value of the element named text_name from the form named text_form
    if (text_form.text_name.value == "") {
    // If null display and alert box
    alert("Please fill in the text field.");
    // Place the cursor on the field for revision
    text_form.text_name.focus();
    // return false to stop further processing
    return (false);
    }
    // If text_name is not null continue processing
   if (text_form.text_name.value == "project")
   document.getElementById('project_link').style.display = 'block';
   else if (text_form.text_name.value == "under")
   document.getElementById('construction_link').style.display = 'block';
   else
   alert("Invalid keyword!");
   return (false);
   }
   -->
   </script>
   </head>
   <body>
   <form name="text_form" method="get" action="#" 
    onsubmit="return Blank_TextField_Validator()">
    <a id='project_link' href='abc.htm' style='display: none;'>project</a>
     <a id='construction_link' href='New Text Document (3).htm' style='display:     none;'>construction</a>
     <input type="text" name="text_name" >
     <input type="submit" value="Submit">
    </form>
     </body>
     </html>

这就是我尝试过的：

if (text_form.text_name.value == "project") 
    document.getElementById('project_link').style.display = 'block'; 
    document.getElementById('project_link_1').style.display = 'block'; 

<form name="text_form" method="get" action="#" onsubmit="return Blank_TextField_Validator()">
    <a id='project_link' href='abc.htm' style='display: none;'>project</a> 
    <a id='project_link_1' href='xyz.htm' style='display: none;'>projects</a> 
    <a id='construction_link' href='New Text Document (3).htm' style='display: none;'>construction</a>

if（text\u form.text\u name.value==“项目”）
document.getElementById（'project_link'）。style.display='block'；
document.getElementById（'project_link_1'）。style.display='block'；

更改

if (text_form.text_name.value == "project") 
    document.getElementById('project_link').style.display = 'block'; 
    document.getElementById('project_link_1').style.display = 'block';

到

顺便说一句，我真的同意评论员最初的问题：在发布关于JavaScript的问题之前，您应该先学习JavaScript。你需要知道你到底在做什么才能成功。

你似乎已经知道如何做到这一点：

document.getElementById（'project_link'）.style.display='block'。你只需要对每个你想显示的链接都这样做。但是如果我在文本字段中写项目，它只会给我一个链接。我需要3个链接。我怎么做？好吧，你的HTML只包含一个链接，
。。。也可以将其他元素添加到HTML中并使用相同的方法，或者动态创建它们并将它们添加到DOM中。你的问题不是很清楚，你只是想知道如何“展示”他们。我在第一篇评论中引用的那句话就是这样的。我注意到，您基本上是从其他问题中构建代码的。相信我，你用那种方法是走不了多远的。。。要么雇佣某人为你做这项工作，要么开始学习你想做什么。这些问题对除您之外的任何人都没有用处，这对本网站不感兴趣（对不起）。请通过编辑向您的问题添加代码。注释中的代码无法读取。你很接近。如果在If
子句中有多个语句，则必须将它们放在一个块中（注意大括号）：If（…）{…}否则If{…}。
if (text_form.text_name.value == "project") {
    document.getElementById('project_link').style.display = 'block'; 
    document.getElementById('project_link_1').style.display = 'block'; 
}