How to get value from select tag

Question

0.00/5 (No votes)

See more:

How to get value from select tag in variabel.

i have created an div in my aspx page

HTML

<div id="myDivResult"></div>

In this in my javascript i create an select tag with option
Like this

JavaScript

var selectList = document.createElement("select");
var myDiv = document.getElementById("myDivResult");
     while (myDiv.hasChildNodes()) {
         myDiv.removeChild(myDiv.firstChild);

     }

JavaScript

myDiv.appendChild(selectList);

I also have created option from an array with some item to add to the select tag.
Like this

JavaScript

var free = "";
            for (var j = 0; j < bookedFreeTimes.length; j++) {

                free = bookedFreeTimes[j];
                var array = new Array(free);

                for (var k = 0; k < array.length; k++) {
                    
                    var option = document.createElement("option");
                    option.text = array[k];
                    selectList.appendChild(option);

                }
            }

My problem is next how could i get value from my select tag in my next function

JavaScript

function getItem()
{
 var listItemFromAndToDate = document.getElementById('myDivResult').value;
}

I have tried like this but the value gets undenified?
What should i use here instead to get the value from the select tag?

Posted 5-Dec-14 10:44am

Kurac1

Updated 5-Dec-14 10:47am

v2

Add a Solution

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

DamithSL · Answer 1 · 2014-12-05T16:49:00

check this sample code : Demo[^]

JavaScript

$('#button').click(function () {
    var selectList = document.createElement("select");
    var myDiv = document.getElementById("myDivResult");
    while (myDiv.hasChildNodes()) {
        myDiv.removeChild(myDiv.firstChild);
    }
    myDiv.appendChild(selectList);
    for (var k = 0; k < 3; k++) {
        var option = document.createElement("option");
        option.text = k;
        selectList.appendChild(option);

    }
});

$('#button2').click(function () {
    alert("you have selected :" + $('#myDivResult').find('select').val());
})

;