javascript - 如何根据组合框选择更改文本标签?

标签 javascript html combobox label

我有一个组合框,其中有 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';} 

问题是,无论我点击哪个摄像头,总是会恢复到最后一个摄像头,将“choice3”作为所有 10 个条目的标签。有什么帮助吗?我还没有完成代码,因为这些代码还没有工作。

最佳答案

您的代码有两个主要问题。

  1. 对于相等比较,您必须使用 '==' 而不是 '=' 。 '='会改变值
  2. 最后一个“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>

关于javascript - 如何根据组合框选择更改文本标签?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12834935/

相关文章:

c# - 由于大小写不同,WPF Combobox 在 ItemSource 中找不到 SelectedValue

html - 使用angular2上的按钮水平滚动

php - 我无法在运行 Apache/2.2.14 (Ubuntu) 的 linux m/c 上访问本地主机

c# - 关于mvvm页面导航的两个问题

javascript - 用另一个字符串替换元素文本的子字符串

javascript - 根据屏幕宽度隐藏/显示 Div

wpf - 遵循 MVVM 模式的自动完成文本框

javascript - D3js .csv 数据未加载到变量和属性中

javascript - 如何使用 ReactJS 渲染倒计时功能

javascript - 按路线 react 路由器调节