nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Child Item

Javascript help

warrenaldo

Hey folks,

I have a html page which contains a list of bulleted locations

Dublin
Cork
Galway
Laois
etc

On top of this page is a textbox and button. When the user enters a county intothe textbox i want to use javascrpt to check if the value exists in the list. If it does throw us a msgbox.
Can anyone help.

Find more posts tagged with

Quick Links

Comments

Eoin

Here you go - this function gets all the <li> tags contained in a specified <ul> tag and searches the innerHTML of each one for the value in the textbox.

[html]
<html>
<head>
<title>Search page</title>
<script type="text/JavaScript">
function rightTrim(sString)
{
while (sString.substring(sString.length-1, sString.length) == ' ')
{
sString = sString.substring(0,sString.length-1);
}
return sString;
}

function searchPage()
{
var sSearch = document.getElementById("txtSearch").value;
if (sSearch != "")
{
var theList = document.getElementById("locations");
var theLocations = theList.getElementsByTagName("li");

var i;

var foundFlag = false;

for (i = 0; i < theLocations.length; i++)
{
if (rightTrim(sSearch) == rightTrim(theLocations.innerHTML))
{
foundFlag = true;
break;
}
}

if (foundFlag)
{
alert(sSearch + " was found");
}
else
{
alert(sSearch + " was not found");
}
}
}
</script>
</head>
<body>
<input type="text" id="txtSearch" value=""/><input type="button" value="go" onclick="searchPage()"/>
<ul id="locations">
<li>Dublin</li>
<li>Cork</li>
<li>Galway</li>
<li>Laois</li>
<li>Meath</li>
</ul>
</body>
</html>
[/html]

warrenaldo

thanks for this - just what i was looking for - have been searching the web for this:
<b>
var theList = document.getElementById("locations");
var theLocations = theList.getElementsByTagName("li");
</b>
does the trick. thanks again.

Eoin

warrenaldo wrote: »

thanks for this - just what i was looking for - have been searching the web for this:
<b>
var theList = document.getElementById("locations");
var theLocations = theList.getElementsByTagName("li");
</b>
does the trick. thanks again.

No bothers