如何從兩個下拉列表中選擇值時顯示div？

Question

這裏我有兩個下拉

<div class="form-group"> 
    <label class="col-sm-4 control-label">Car Type</label> 
    <div class="col-sm-7"> 
     <select class="form-control" id="cartype" name="cartype"> 
      <option value=""> -- Select Type -- </option> 
      <option value="Innova">Innova</option> 
      <option value="Tata">Tata</option> 
      <option value="Mahindra">Mahindra</option> 
     </select> 
    </div> 
</div> 

<div class="form-group"> 
    <label class="col-sm-4 control-label">Rate Type</label> 
    <div class="col-sm-7"> 
     <select class="form-control" id="rate" name="rate" onchange="showdiv()" > 
      <option value=""> -- Select Type -- </option> 
      <option value="Outstation" name="outstation" id="outstation">Outstation</option> 
      <option value="Local" name="local" id="local">Local</option> 
     </select> 
    </div> 

和一個文本框

<div class="form-group" id="showme" style="display:none;"> 
    <input type="text" id="txt1" name="txt1"> 
</div> 

我的JavaScript

function showdiv(){ 
    var vehicle = document.getElementById("cartype").value = "Innova || Tata"; 
    var rate = document.getElementById("rate").value = "Local"; 
    document.getElementById("showme").style.display = 'block'; 
} 

在這裏，我需要的時候cartype顯示文本框div只等於Local。但是當我選擇Rate Type顯示隱藏的div。

你能幫我解決我的代碼中的錯誤嗎？

Answer 1

這應該工作：

function showdiv(){ 
    var vehicle = document.getElementById("cartype").value; 
    var rate = document.getElementById("rate").value; 

    if ((vehicle == "Innova" || vehicle == "Tata") && rate == 'Local') { 
    document.getElementById("showme").style.display = 'block'; 
    } else { 
    document.getElementById("showme").style.display = 'none'; 
    } 
} 

Answer 2

試試這個

function showdiv(){ 
     if((document.getElementById("cartype").value == "Innova" || document.getElementById("cartype").value == "Tata") && (document.getElementById("rate").value == "Local")){ 
       document.getElementById("showme").style.display = 'block'; 
     } else { 
     document.getElementById("showme").style.display = 'none'; 
     } 


}