此代码获取用户输入并将其以 “选择” 的替代品,实施例JS:输出不一致
第一输入
用户输入:
Apple
处理(内部会发生什么):
"img2/" + Apple + ".jpg";
输出:
Apple.jpg (image)
的问题是,一旦用户输入不具有相应的图像的代码的查询时,输出前一个
第二输入 用户输入:
Orange
过程(什么内发生) :
"img2/" + Apple + ".jpg";
输出:
Apple.jpg (image) //wrong incorrect
var q = document.getElementById("code");
if (q.selectedIndex > 0) {
var selected = q.options[q.selectedIndex].value;
var src = "img2/" + selected + ".jpg";
var img = document.getElementById("placeholderImg");
img.src = src;
img.style.display = "inline";
}
<select name="code" id="code" size="" disabled="true" hidden="true">
<option value="Apple">Apple</option>
<option value="Atis">Atis</option>
//so on and so forth
我该如何解决这个问题?任何建议,意见表示高度赞赏线
if (q.selectedIndex > 0)
的selectedIndex
属性是0
当第一行被选中(在你的情况下,“苹果”)内
其中q.selectedIndex定义? – Sam
@Sam我更新它,所以你可以看到是q.selectedIndex被定义为 –
是否因为if(q.selectedIndex> 0){'失败,所以块永远不会执行? – Sam