CODEWITHSUNDEEP
javascripthtml
praveenjayapal
praveenjayapal

Reputation: 38529

select the <select> tag options using value

I want to select an option in select tag through the value. - javascript

var selectbox=document.getElementById("Lstrtemplate");
var TemplateName=selectbox.options[selectbox.selectedIndex].text;

Now i am having the option text in TemplateName, using this i want to update an another select tag, which is having the same text..

But dont want to use index or id..

Want to achieve only by the value

Please help me

Upvotes: 0

Views: 3209

Answers (3)

Peter Oehlert
Peter Oehlert

Reputation: 16938

The sample above (selectobx2.value = selectbox.value) will correlate 2 select elements based on value, from your description I think you want to correlate 2 select elements based on the display value or text property.

Unfortunately there is no shortcut to do this and you need to enumerate the options yourself searching for the option whose text property matches the one you're looking for.

var selectbox=document.getElementById("Lstrtemplate");
var TemplateName=selectbox.options[selectbox.selectedIndex].text;

var select2 = document.getElementById("SecondSelect");
for (optionElem in select2.options)
    if (optionElem.text == TemplateName)
    {
        select2.value = optionElem.value;
        break;
    }

Upvotes: 0

Vincent Ramdhanie
Vincent Ramdhanie

Reputation: 103135

I'm not sure if I interpret your question correctly. You have two select elements and you want changes to one reflect in the other. I assume that they both have the same set of options and you need them synchronized.

If yes then:

var selectbox=document.getElementById("temp1");
var selectbox2=document.getElementById("temp2");
selectbox2.value = selectbox.value;

this keeps temp2 in sync with temp1, where temp1 and temp2 are the two select elements.

Upvotes: 1

Andreas Grech
Andreas Grech

Reputation: 107950

Try it like this : 

var TemplateName = selectbox.options[selectbox.selectedIndex].value;

Upvotes: 1

Related Questions