使用值</select>选择<select>标签选项

时间:2008-12-13 17:22:14

标签: javascript html

我想通过值在select标签中选择一个选项。 - javascript

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

现在我在TemplateName中有选项文本,使用这个我想更新另一个选择标记,它具有相同的文本..

但是不想使用索引或id ..

只想通过值

来实现

请帮帮我

3 个答案:

答案 0 :(得分:1)

试试这样:

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

答案 1 :(得分:1)

我不确定我是否正确地解释了你的问题。您有两个选择元素,并且您希望对另一个元素进行更改。我假设它们都有相同的选项集,你需要它们同步。

如果是,那么:

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

这使temp2与temp1保持同步,其中temp1和temp2是两个选择元素。

答案 2 :(得分:0)

上面的示例(selectobx2.value = selectbox.value)将基于值关联2个选择元素,根据您的描述,我认为您要根据显示值或文本属性关联2个选择元素。

不幸的是,没有快捷方式可以执行此操作,您需要自己枚举选项,搜索其text属性与您要查找的选项匹配的选项。

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