JavaScript - Dropdownlist In Javascript

Code:

I have to create two dropdownlists that are dependent

In my first select tag there are 4 selections ,,, year,quarter,month and week.
and in second select it should automatically populate..If user select year from first select in second select values should be 1 to 365.. if quarter values in second select(dropdown) should be 1 to 4. if month 1 to 12 and if week is selected 1 to 7.. can anyone help me to achieve this.. I will post that code and please help me to resolve this error as iam naive user to javascript..





	          <select id="user_defn_uom" name="user_defn_uom" onchange="alert(this.options[this.selectedIndex].text)" align="center">

	          <option selected value="">              
	          <option value="Yearly">Yearly
	          <option value="Quarterly">Quarterly
	          <option value="Monthly">Monthly
	          <option value="Weekly">Weekly
	       </td>







              <td>.
	          <select name="user_defn_day" align="center">
	          <option selected value="">   



<script type="text/javascript">

alert(this.options[this.selectedIndex].text)


   
for (var i = 1; i <=366; i++) 
{                                          
              document.write('<option value="' + i  + '">' + i + '</option>');

}

</script>
</select>

Hi everyone, now I need to add items into a dropdown list, and the items would be sorted alphabetically and it does not allow duplicate items to be added. Can anyone help take a look and see what's wrong with my code?

Javascript
Code:

function addAnotherOption()
{
        var newItem = document.getElementById("Text44"); 
        if (!newItem.value == "")
        {
            var answer = confirm ("Are you sure you want to add? ") 
            if (answer)//if answer is true
            {        
                var lst = document.getElementById('comboBox');  // listbox control id
                // Now we need to create a new 'option' tag to add to MyListbox 
                var newOption = document.createElement("option"); 

                newOption.value = newItem.value; // The value that this option will have 
                newOption.innerHTML = newItem.value; // The displayed text inside of the <option> tags
                for (var i = 0; i < lst.options.length; i++) 
                {
                    arrTexts = lst.options[i].text; 
                    if (arrTexts.toLowerCase() == newItem.toLowerCase()) 
                    {
                        alert ("That option is already included in the list - please enter another item.");
                        return false;
                    }
                    
                    else
                    {                                          
                        // Finally, add the new option to the listbox 
                        lst.appendChild(newOption);             
                        //sort items in listbox in alpha order
                        arrTexts = new Array();    
                        for(i=0; i<lst.length; i++) 
                        {
                            arrTexts[i] = lst.options[i].text;
                        }     
                                    
                        arrTexts.sort();
                        for(i=0; i<lst.length; i++)
                        {
                            lst.options[i].text = arrTexts[i];
                            lst.options[i].value = arrTexts[i];
                        } 
                     }
                }                                
            }
        }
        else
        {    
            if(newItem.value == "")
            {
                alert("Key something to textbox please.");
            }
                    
            else
                alert("Cancelled.");                
        }                              
 }

HTML

Code:

<input id="Text44" type="text" />
<input id="Submit22" type="submit" value="Add" onclick="addAnotherOption()" /><br />

<select name="combo" id= "comboBox" style="width: 323px">
                                    <option value="H">Hearts</option>
                                    <option value="D">Diamonds</option>
                                    <option value="C">Clubs</option>
                                    <option value="S">Spades</option>
</select>

Hi Peers,

i have a Drop down list with 10 choices (skillset).
users must choose one skillset and the corresponding level (beginer/intermediate/master). ( they have to do this 10 times for all the sillsets)

what i want is :


1 - i need to show up only one record (dropdowanlist) with level
then have a button to add new skill and level if required


2- then when they choose the 1st skill from the dropdown , this one will not show up on the 2nd choice dropdown.

is it possible

any help ?

thanks guys

Hello guys,

How to populate array from dropdownlist?

I've tried like this
var array = new array();
var d = document.getElementById("DropDownListl");
for (var i = 0; i < d.options.length; i++)
{
array[i] = d.options[i].value;
}

Thank you

Hey guys

I need a small help. I am new to Javascript. I want to save data from dropdownlist to XML file. Save function is working but I dont know how to load data list from dropdown to xml file. I can do with input element but dont know how to work with dropdown element. How to do this?

Look at my codes below:

HTML markup (index.html):

FOCUS ON RED
<body>
<form name="reg" action="index.html" method="get">

Name:
<input type="text" name="name_input" />
Pass:
<input type="text" name="pass_input" />
<select id="language">
<option name="select_afrikaans">Afrikaans</option>
<option name="select_english">English</option>
</select>
<br />
<input type="button" value="SAVE" onclick="javascriptk_click();" />
</form>
</body>

Javascript:

function ok_click() {
var xmlDoc = new ActiveXObject("Msxml2.DOMDocument.6.0");
xmlDoc.async = false;
xmlDoc.load("data.xml");
if (xmlDoc.readyState == 4 && xmlDoc.parseError.errorCode == 0) {
var root = xmlDoc.documentElement;

var _input_name = xmlDoc.createTextNode(document.reg.name_input.value);
var _input_pass = xmlDoc.createTextNode(document.reg.pass_input.value);
var _select_afrikaans = xmlDoc.createTextNode(document.reg.select_afrikaans.value);
var _select_english = xmlDoc.createTextNode(document.reg.select_english.value);

var input_name = xmlDoc.createNode(1, "USER", "");
var input_pass = xmlDoc.createNode(1, "PASS", "");
var input_select = xmlDoc.createNode(1, "LANGUAGE", "");

input_name.appendChild(_input_name);
input_pass.appendChild(_input_pass);
select_afrikaans.appendChild(_select_afrikaans);
select_english.appendChild(_select_english);


var cust = xmlDoc.createNode(1, "CUST", "");
cust.appendChild(input_name);
cust.appendChild(input_pass);
cust.appendChild(select_afrikaans);
cust.appendChild(select_english);

root.appendChild(cust);

SaveXML(xmlDoc, "data.xml");
alert("Save!");
}
}
// It is working fine
function SaveXML(xmlDoc, filename) {
var outputXML = new String(xmlDoc.xml);
var mfObj = new ActiveXObject("Scripting.FileSystemObject");
var absPath = getPath();
var file = mfObj.CreateTextFile(absPath + filename, true);
file.Write(outputXML);
file.Close();
}

//it is working fine
function getPath() {
var path = document.location;
var str = new String(path);
var end = str.lastIndexOf("/");
var absolutePath = str.substring(8, end) + "/";
absolutePath = absolutePath.replace(/ /g, " ");
return absolutePath;
}

XML File:
<?xml version="1.0"?>
<DATA>
<CUST>
<USER>natalie</USER>
<PASS>80</PASS>
</CUST>

........ here should display xml data from dropdown list.....how?
</DATA>

Your help would much appreciated. Thank you very much

Regards
Natz