выберите параметры тега <select>, используя значение

Question

Я хочу выбрать опцию в теге select через значение. - JavaScript

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

Теперь у меня есть текст опции в TemplateName, с помощью которого я хочу обновить другой тег выбора, имеющий тот же текст ..

Но не хочу использовать индекс или идентификатор ..

Хотите добиться только по значению

Пожалуйста, помогите мне

Answer 1

Я не уверен, правильно ли я понимаю ваш вопрос. У вас есть два элемента select, и вы хотите, чтобы изменения одного отражались в другом. Я предполагаю, что они оба имеют одинаковый набор параметров, и вам нужно их синхронизировать.

Если да, то:

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

это обеспечивает синхронизацию temp2 с temp1, где temp1 и temp2 являются двумя выбранными элементами.

Answer 2

Попробуй так:

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

Answer 3

В приведенном выше примере (selectobx2.value = selectbox.value) будут сопоставлены 2 выбранных элемента на основе значения, из вашего описания, я думаю, вы хотите сопоставить 2 выбранных элемента на основе отображаемого значения или свойства текста.

К сожалению, для этого нет ярлыка, и вам нужно самим перечислить опции, ища вариант, текстовое свойство которого совпадает с искомым.

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;
    }