making multiple links visible javascript
<p>Can multiple links get visible at a time? I mean in my following code when I enter <code>project</code> in the text field and press submit button, <code>abc.htm</code> link becomes visible. Now I want that when I enter <code>project</code> in the text field and press submit button <code>abc.htm</code> and <code>xyz.htm</code> and <code>cold.htm</code> links get visible. Same in case with writing under in the text field.</p>

<pre><code>    &lt;html&gt;
    &lt;head&gt;
    &lt;script Language="JavaScript"&gt;
    &lt;!--
    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);
   }
   --&gt;
   &lt;/script&gt;
   &lt;/head&gt;
   &lt;body&gt;
   &lt;form name="text_form" method="get" action="#" 
    onsubmit="return Blank_TextField_Validator()"&gt;
    &lt;a id='project_link' href='abc.htm' style='display: none;'&gt;project&lt;/a&gt;
     &lt;a id='construction_link' href='New Text Document (3).htm' style='display:     none;'&gt;construction&lt;/a&gt;
     &lt;input type="text" name="text_name" &gt;
     &lt;input type="submit" value="Submit"&gt;
    &lt;/form&gt;
     &lt;/body&gt;
     &lt;/html&gt;
</code></pre>

<p>This is what I have tried:</p>

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

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