onchange下拉菜单始终是一种选择

时间:2018-08-27 22:35:23

标签: html select onchange

编辑-我导入了一个带有撇号的名称,这搞砸了所有内容。

当下拉列表更改时,我正在尝试执行代码。看来大多数情况下都有效,我只能更改一次下拉列表和/或每次自动将其设置为1。总的来说,我试图根据选择的数字用随机的名称/单词填充多个输入。

感谢您的帮助

<html>
<body>

<select onchange="myFunction1();" id="number" >
<option value="1"> 1 </option>
<option value="2"> 2 </option>
</select>

<input type="text" id="name">

<script>

function myFunction1() {
    if (document.getElementById("number").value = "1") {
        document.getElementById("name").value =( getRandomNameBLK() );
        }
       else if (document.getElementById("number").value = "2") {
        document.getElementById("name").value =( getRandomNameBLK2() );
        }
        
        }
         
        
        
        function getRandomNameBLK()
{
	var names = [
'1111cdcwe',
'11111eere',
'11111323f'
];
	
	return names[Math.floor(Math.random() * names.length)];
}

  function getRandomNameBLK2()
{
	var names = [
'2222cdcwe',
'2222reere',
'22224323f'
];
	
	return names[Math.floor(Math.random() * names.length)];
}
</script>

</body>
</html>

编辑-我导入了一个带有撇号的名称,这搞砸了所有内容。

1 个答案:

答案 0 :(得分:1)

您必须使用==来检查相等条件

function myFunction1() { if (document.getElementById("number").value == "1") { document.getElementById("name").value =( getRandomNameBLK() ); } else if (document.getElementById("number").value == "2") { document.getElementById("name").value =( getRandomNameBLK2() ); } }