使多个链接可见的javascript

Question

一次可以看到多个链接吗？ 我的意思是在我的以下代码中，当我在文本字段中输入project并按提交按钮时， abc.htm链接变为可见。 现在，我希望在文本字段中输入project并按提交按钮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>

Answer 1

更改

if (text_form.text_name.value == "project") 
    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

问题描述

1 个解决方案

解决方案1
0 2012-05-02 11:32:26

使多个链接可见的javascript

问题描述

1 个解决方案

解决方案1 0 2012-05-02 11:32:26

解决方案1
0 2012-05-02 11:32:26