make drop down list in javascript example

-
Make dynamic drop down list in java script.


<html>
<head>
<script>
function makeDropDown(){
    var formDiv = document.getElementById("div");
    var selectTag=document.createElement("select");
    selectTag.appendChild(getOption("First Value", "First Text"));
    selectTag.appendChild(getOption("Second Value", "Second Text"));
    formDiv.appendChild(selectTag);
}

function getOption(value, text){
    var optionTag = document.createElement("option");
    var text = document.createTextNode(text);
    optionTag.setAttribute("value", value);
    optionTag.appendChild(text);
    return optionTag;
}
</script>
</head>
<body onload="makeDropDown()">
<div id="div"></div>
</body>
</html>

Comments

Post a Comment

Recent Post

Recent Posts Widget

Popular posts from this blog

Capture image from webcam java code, examples

-
import java.applet.Applet; import java.awt.BorderLayout; import java.awt.Component; import java.awt.Dimension; import java.awt.Frame; import java.awt.Graphics; import java.awt.Graphics2D; import java.awt.Image; import java.awt.Panel; import java.awt.event.ActionEvent; import java.awt.event.ActionListener; import java.awt.event.WindowAdapter; import java.awt.event.WindowEvent; import java.awt.image.BufferedImage; import java.io.FileOutputStream; import java.net.MalformedURLException; import java.net.URL; import javax.media.Buffer; import javax.media.CaptureDeviceInfo; import javax.media.CaptureDeviceManager; import javax.media.Manager; import javax.media.MediaLocator; import javax.media.Player; import javax.media.control.FrameGrabbingControl; import javax.media.format.VideoFormat; import javax.media.util.BufferToImage; import javax.swing.JButton; import javax.swing.JComponent; import com.sun.image.codec.jpeg.JPEGCodec; import com.sun.image.codec.jpeg.JPEGE...
Read more

Shallow Copy Deep Copy Java example

-
Shallow Copy Deep Copy  Java example Before knowing about Shallow Copy and Deep Copy you need to know about Clonable interface. Clonable interface -     Java has a clonable interface for make clone of any object.     Clonable Interface is a marker interface.     Clonable Interface has no method.     Class which implements Clonable interface, JVM give the permission for making the clone of         this class. Shallow Copy -              Clone can be archived by object.clone() method. It gives the Shallow copy of the object. In this process a new object is created That have all the value and instance variable. And if main object has any references to other object then the references are copied in the shallow copy. Example - class A implements Cloneable{         A(String personName, Integer age){  ...
Read more

Database Connection using NODE JS example

-
Image
Database Connection using NODE JS example In my earlier article, you have learned how to create your first node js application and how to create node js web application. If you have not read it, I am suggesting you to read these two articles. Below are the link of these articles. http://java.gunustories.com/2018/06/create-first-node-js-application.html http://java.gunustories.com/2018/06/generate-node-js-web-application.html After creating a web application, you need to deal with database. So before writing node js script, you need to download and install MongoDB in your PC. To download MongoDB go to the https://www.mongodb.com/download-center?jmp=nav#community link. Before start writing node js database connection, please insure that MongoDB is running in your PC. Now  open app.js file and write below configuration to connect with MongoDB. const MongoClient = require('mongodb').MongoClient var db MongoClient.connect('mongodb://localhost:27017/', (er...
Read more