Javascript 如何根据组合框选择更改文本标签？_Javascript_Html_Combobox_Label

Javascript 如何根据组合框选择更改文本标签？

javascript html combobox

Javascript 如何根据组合框选择更改文本标签？,javascript,html,combobox,label,Javascript,Html,Combobox,Label,我有一个组合框，其中有10个条目，当您单击其中一个时，我希望选择条目根据用户在组合框中选择的条目进行更改。我尝试过类似的方法，但似乎不起作用 if (document.getElementById('label').selectedIndex = '0') {document.getElementById('labelname').innerHTML='choice1';} else if(document.getElementById('lab

我有一个组合框，其中有10个条目，当您单击其中一个时，我希望选择条目根据用户在组合框中选择的条目进行更改。我尝试过类似的方法，但似乎不起作用

    if (document.getElementById('label').selectedIndex = '0')
        {document.getElementById('labelname').innerHTML='choice1';}

            else if(document.getElementById('label').selectedIndex = '1')
                {document.getElementById('labelname').innerHTML='choice2';}

                    else(document.getElementById('label').selectedIndex = '2')
                        {document.getElementById('labelname').innerHTML='choice3';}

问题是，无论我点击哪一个cam，它都会恢复到最后一个，为所有10个条目提供“choice3”作为标签。有什么帮助吗？我还没有完成代码，因为这些代码还没有运行。

我找到了答案：

改变

{document.getElementById('labelname').innerHTML=='choice1';}

到

当您要将某个内容分配给某个内容时，不要使用

==

你能提供我们可以模拟这个的细节吗？包括您的html代码段和javascript。在这里

我找到了答案：

改变

{document.getElementById('labelname').innerHTML=='choice1';}

到

当您要将某个内容分配给某个内容时，不要使用

==

你能提供我们可以模拟这个的细节吗？包括您的html代码段和javascript。这里

试试这个。使用

==

检查值

var selValue = document.getElementById('label').value;
document.getElementById('labelname').innerHTML = selValue;

试试这个。使用

==

检查值

var selValue = document.getElementById('label').value;
document.getElementById('labelname').innerHTML = selValue;

要使其正常工作，“标签”必须如下所示：

<select id="label">
    <option>Name one</option>
    <option>Name two</option>
    <option>Name three</option>
</select>

如果您需要更多案例，只需添加示例，

case2:。。。案例3：…

等等

p、如果。。。其他

要使其正常工作，“标签”必须如下所示：

<select id="label">
    <option>Name one</option>
    <option>Name two</option>
    <option>Name three</option>
</select>

如果您需要更多案例，只需添加示例，

case2:。。。案例3：…

等等

p、如果。。。否则

您的代码有两个主要问题

对于相等比较，必须使用“==”而不是“=”。='将更改值

最后一个'else'必须有'if'关键字

正确答案如下：

<html>
<head>
<script type="text/javascript">
function select() {

   if (document.getElementById('label').selectedIndex == '0')
        {document.getElementById('labelname').value ='choice1';}

            else if(document.getElementById('label').selectedIndex == '1')
                {document.getElementById('labelname').value ='choice2';}

                    else if(document.getElementById('label').selectedIndex == '2')
                        {document.getElementById('labelname').value ='choice3';} 

}
</script>       
</head>     

<body>

<select id="label">
<option>1</option>
<option>2</option>
<option>3</option>
</select>

<button onclick="select()">Select</button>

<input type="text" id="labelname" />

</body>


</html>


函数选择（）{
if（document.getElementById（'label'）。selectedIndex=='0'）
{document.getElementById（'labelname'）。value='choice1'；}
else if（document.getElementById（'label'）。selectedIndex=='1'）
{document.getElementById（'labelname'）。value='choice2'；}
else if（document.getElementById（'label'）。selectedIndex=='2'）
{document.getElementById（'labelname'）。value='choice3'；}
}
1.
2.
3.
挑选

您的代码有两个主要问题

对于相等比较，必须使用“==”而不是“=”。='将更改值

最后一个'else'必须有'if'关键字

正确答案如下：

<html>
<head>
<script type="text/javascript">
function select() {

   if (document.getElementById('label').selectedIndex == '0')
        {document.getElementById('labelname').value ='choice1';}

            else if(document.getElementById('label').selectedIndex == '1')
                {document.getElementById('labelname').value ='choice2';}

                    else if(document.getElementById('label').selectedIndex == '2')
                        {document.getElementById('labelname').value ='choice3';} 

}
</script>       
</head>     

<body>

<select id="label">
<option>1</option>
<option>2</option>
<option>3</option>
</select>

<button onclick="select()">Select</button>

<input type="text" id="labelname" />

</body>


</html>


函数选择（）{
if（document.getElementById（'label'）。selectedIndex=='0'）
{document.getElementById（'labelname'）。value='choice1'；}
else if（document.getElementById（'label'）。selectedIndex=='1'）
{document.getElementById（'labelname'）。value='choice2'；}
else if（document.getElementById（'label'）。selectedIndex=='2'）
{document.getElementById（'labelname'）。value='choice3'；}
}
1.
2.
3.
挑选

我希望它与选项值不同，尽管如此。已更新。在这里为您的所有值添加案例就是一个有效的示例。用于jsFidle，所以我在那里做了它。我希望它与选项值不同。在这里为您的所有值添加案例就是一个有效的示例。以前是空闲的，所以我在那里成功了。就是这样！这是最后一次！干杯就这样！这是最后一次！干杯{document.getElementById（'labelname'）.innerHTML='choice1'；}{document.getElementById（'labelname'）.innerHTML='choice1'；}