passing values of multiple select in javascript

[ramyaraghavan]

Hi,

I ll illustrate my problem with an example.

I have a multiple select option for choosing countries of the world.Suppose the options available are

India
America
UK

The states in another multiple select field

Delhi
Chicago
Wales

When i choose India and America from the Countries multiple select, Only the Options Delhi and chicago must be available in the states. I looked for solutions but could not get an optimum solution.

Its pretty urgent.Please Guide me on how to do this.

Thanks in Advance

Ramya

[ronverdonk]

Show your code. (and please do it within the appropriate code tags)

Ronald

[hsriat]

I would like to suggest you to hide (style="display: none;") the select box with states in the beginning. When any of the country is selected, display the states' select box with the corresponding options.

[html]<select name="country[]" id="country" multiple>
<option value="India" onclick="change Option(this, 'Delhi')">India </option>
<option value="UK" onclick="change Option(this, 'Wales')">UK</option>
<option value="USA" onclick="change Option(this, 'Illinois')">US A</option>
</select>
<select name="state[]" id="state" style="display: none;"></select>[/html]

function changeOption (which, state) {
    if (which.selected) addOption(state);
    else remOption(state);
    document.getElementById('state').style.display = document.getElementById('country').value ? '' : 'none';
}
 

And for addOption() and remOption(), see this tutorial

I think this would solve your problem.

[harshmaul]

This is php, and it can be done with php, but if you want a javascript solution, your going to have to ask the guru's in that forum.

If you want to use PHP, you will need to use a post back, either by making the form post back when u select one of the countries, or having a button that does the posting back. either way please post code as ronald said.

[hsriat]

This is php, and it can be done with php, but if you want a javascript solution, your going to have to ask the guru's in that forum.

If you want to use PHP, you will need to use a post back, either by making the form post back when u select one of the countries, or having a button that does the posting back. either way please post code as ronald said.

He actually asked for JavaScript, and posted it in PHP forum.

[ronverdonk]

I will move this thread to the JavaScript forum.

moderator

[ramyaraghavan]

Show your code. (and please do it within the appropriate code tags)

Ronald

I have a code like this
[HTML]<select name="Country[ ]" class="textnone " multiple >
<option value="0"> - - Select - - </option>
<option value="India">I ndia</option>
<option value="US">Unit ed States</option>
<option value="UK">Unit ed Kingdom</option>

</select>


<select name="places[ ]" class="textnone " multiple>
<option value="0"> - - Select - - </option>
<option value="Delhi">D elhi</option>
<option value="TN">Tami l Nadu</option>
<option value="Chicago" >Chicago</option>

<option value="NY">New York</option>
<option value="Wales">W ales</option>

</select>
[/HTML]
Here Delhi, Tamil Nadu are places in the Country India
Chicago, New York are places in the country United States
Wales is a place in United Kingdom

When I select India and United States only options Delhi, Tamil Nadu, Chicago and New York should be available within palces[ ] for the Client to choose.

Please Guide me on how to do this.


Thanks in advance

[ronverdonk]

To start with: why don't you show some courtesy to the members of this forum who are willing to help you, and show the code within the appropriate code tags, as requested in a previous post.

Ronald

[acoder]

ramyaraghavan, please enclose your posted code in [code] tags (See How to Ask a Question).

This makes it easier for our Experts to read and understand it. Failing to do so creates extra work for the moderators, thus wasting resources, otherwise available to answer the members' questions.

Please use [code] tags in future. Thanks!