通过getElementById查找所选索引并不是返回正确的值

时间:2015-03-07 17:56:38

标签: javascript html

选择"建筑物"下拉应该等于零。这是第一个选择。选择下拉旁边的按钮时,将执行函数搜索()。出于某种原因,警报正在返回"它没有工作。"

<script>
var a = document.getElementById("building").selectedIndex;

function search() {
   if (a === 0) {
        window.alert("It worked.");
        event.preventDefault();
   } else {
        window.alert("It didn't work.");
        event.preventDefault();
   }
}              
</script>

以下是选择下拉列表。

<form id="apartmentSelection">
<br>    
Building:
<select id="building">
    <option value="all">All</option>
    <option value="1">1</option>  
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
    <option value="6">6</option>
    <option value="7">7</option>
    <option value="8">8</option>
    <option value="9">9</option>
</select>
</form>

这是按钮。

<button onclick="search()">Search</button>

1 个答案:

答案 0 :(得分:3)

Var a位置错误,您不需要event.preventDefault();两次。

function search() {
event.preventDefault();
var a = document.getElementById("building").selectedIndex;
   if(a === 0){
   alert("It worked.");
   } else {
   alert("It didn't work.");     
   }   
}

我希望这会有所帮助。快乐的编码!

  

投票的人是否愿意解释投票结果的原因?这清楚地解释了OP的来源问题,并给出了解决方案......