Home/ Questions/Q 6179667
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-24T00:42:35+00:00

I’m using the folowing code to check if an input field is selected but

  • 0

I’m using the folowing code to check if an input field is selected but I don’t no where the problems is, because it is not working!

   <html>
<head>
<title>Test  </title>
<head>
<body>
<form >
<input type="text" id="select" value="select"/>
</form>

<script type="text/javascript" >
var d, len,i, j, el;
d=document.forms;
len=d.length;
for(i=0; i<len; i++){
el=d[i].elements;
 for(j=0;j<el.length; j++)
  if(el[j].type == "text" && el[j].focus())
  {
  alert("you selected an input field with type text");
  }
}
</script>
</body>
</html>

Any help would be much appreciated! Thanks!

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    This script is run as soon as it is loaded you need to use an event handler.

    window.onload=function(){
  var els=document.getElementsByTagName('input');
  //Gets all the input elements
  for(var i=0;i<els.length;i++){
    //Attach an event handler that gets called when the element has focus
    els[i].onfocus=checkElem;
  }
  //for your example you could do this all in one line since you only have one element.
  //document.getElementById('select').onfocus=checkElem;
}

var checkElem(){
  //Check to see if the input element that registered the event is text or not
  if(this.type=='text'){
    alert('You have selected a text input');
  }
  else{
    alert('You have selected a non-text input');
  }
}

    This is a naive implementation. I’m not sure what you are trying to accomplish. Usually it is better to implement some sort of event delegation on the form element. Search for event delegation and you will find a number of resources.

    • 0