Question

我想创建选择下拉列表，其中所选值将取决于输入值。例：如果我在<input type='text' name='answer' id="ans" oninput="myFunction();">中写0，则将动态选择NO值。

<select id="abcd">
<option value="1">OK</option>
<option value="0">NO</option>    
</select>

我的尝试

 function myFunction() {      
var x = document.getElementById('ocena7');      
if (x == 0)
{
 document.getElementById("abcd").selectedIndex = 2;
}}

问候

Answer 1

问题是使用var x = document.getElementById('ans');会得到DOM元素而不是它的值。

您需要将其替换为：var x = document.getElementById('ans').value;

Answer 2

只要看看这个答案：https://stackoverflow.com/a/1085810/826211

对于您的代码：

您要使用

var x = document.getElementById('ocena7').value;

如果需要元素的值。现在，您可以通过

获得对元素的引用

var x = document.getElementById('ocena7');

Answer 3

这可能会帮助

<!DOCTYPE html>
<html>
<head>
<script>
 function myFunction() {      
var x = document.getElementById('ans').value;   
if (x == 0)
{
 document.getElementById("abcd").options[1].selected = 'selected'
}
}
</script>
</head>
<body>
<select id="abcd">
<option value="1" >OK</option>
<option value="0" >NO</option>    
</select> 
<input type='text' name='answer' id="ans" oninput="myFunction();">
</body>
</html>

js html select下拉值取决于输入值

3 个答案: