QuestionAsk Questions?
View Answers
May 26, 2009 at 12:22 PM
Hi Friend,
The id attribute specifies a unique id for an HTML element that assigns a identifier value to a tag. Each element can only have one id.
It can be used by a JavaScript or by CSS to make changes or style the element with the specified id.
Now we are providing you the code that will display textbox value and selected combobox value using id attribute:
1) TextBox
<html>
<head>
<script type="text/javascript">
function hello(){
var message=document.getElementById("tex");
alert("You have entered the message "+message.value);
}
</script>
</head>
<body>
<input id="tex" type="text">
<input type="button" onclick="hello();" value="Click">
</body>
</html>
2)ComboBox
<html>
<head>
<script type="text/javascript">
function hello(){
var combo = document.getElementById("com");
var comboValue = combo.options[combo.selectedIndex].text
alert("You have selected: "+comboValue);
}
</script>
</head>
<body>
<select id="com" name="combo">
<option value="0">-Select-</option>
<option value="1">India</option>
<option value="2">USA</option>
</select>
<input type="button" onclick="hello();" value="Click">
</body>
</html>
Thanks
The id attribute specifies a unique id for an HTML element that assigns a identifier value to a tag. Each element can only have one id.
It can be used by a JavaScript or by CSS to make changes or style the element with the specified id.
Now we are providing you the code that will display textbox value and selected combobox value using id attribute:
1) TextBox
<html>
<head>
<script type="text/javascript">
function hello(){
var message=document.getElementById("tex");
alert("You have entered the message "+message.value);
}
</script>
</head>
<body>
<input id="tex" type="text">
<input type="button" onclick="hello();" value="Click">
</body>
</html>
2)ComboBox
<html>
<head>
<script type="text/javascript">
function hello(){
var combo = document.getElementById("com");
var comboValue = combo.options[combo.selectedIndex].text
alert("You have selected: "+comboValue);
}
</script>
</head>
<body>
<select id="com" name="combo">
<option value="0">-Select-</option>
<option value="1">India</option>
<option value="2">USA</option>
</select>
<input type="button" onclick="hello();" value="Click">
</body>
</html>
Thanks
Related Pages:
If you are facing any programming issue, such as compilation errors or not able to find the code you are looking for.
Ask your questions, our development team will try to give answers to your questions.
Tutorial Topics
