How To Insert A New Option To DropDown List From TextBox Using Javascript
In This Javascript Tutorial we will See How To Add A Option To Select From Input Text Value On Button Onclick Event Using JS And Netbeans Editor .
Project Source Code:
<!DOCTYPE html>
<html>
<head>
<title>Add New Option</title>
<meta charset="windows-1252">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<select id="select">
<option value="java">Java</option>
<option value="c#">C#</option>
</select>
<input type="text" id="val">
<button onclick="insertValue();">Add</button>
<script>
function insertValue()
{
var select = document.getElementById("select"),
txtVal = document.getElementById("val").value,
newOption = document.createElement("OPTION"),
newOptionVal = document.createTextNode(txtVal);
newOption.appendChild(newOptionVal);
select.insertBefore(newOption,select.firstChild);
}
</script>
</body>
</html>
OUTPUT:
Share this
Related Posts
JavaScript - Changing Table Row Background Color Based on Column Value
How To Modify Table Row Background Color Depending on Value Using Javascrip
Database Data Navigation in PHP
How to Navigate and Display Database Records Using PHP
In this PHP tutorial,
JavaScript - How to Search and Highlight Data in an HTML Table Using JavaScript
How to Search within an HTML table and highlight the matching cells In JavaScript
In tJavascript Guess The Word Game How To Make a Word Guessing Game In Javascript Using VS Code In This Java
:)
:(
hihi
:-)
:D
=D
:-d
;(
;-(
@-)
:P
:o
:>)
(o)
:p
:-?
(p)
:-s
(m)
8-)
:-t
:-b
b-(
:-#
=p~
$-)
(y)
(f)
x-)
(k)
(h)
cheer