javascript啓用和禁用組合框

Question

我是java腳本的初學者，我在這裏做的是試圖讓我的組合框命名爲「dale」以啓用和禁用當我從我的「特定原因分類」中選擇名爲「repSelect」的組合框，但我不斷收到我的java腳本錯誤。

function makeEnable(value){ if(value=="rep4"){ var x=document.getElementById("dale") x.disabled=false }else{ var x=document.getElementById("dale") x.disabled=true } } </script> </script> <select onChange="makeEnable(value)" name="repSelect"> <option value="rep1">Employee</option> <option value="rep2">Category Reasons Overall </option> <option value="rep3">Department Overall </option> <option value="rep4">Reasons Specific Categorized </option>
</select> <select name="dale"> <option value="rep1">dale</option> </select> <input class="button" type="submit" value="Generar Reporte" >
</form>

我修改，但dosent工作

function makeEnable(){ var e = document.getElementById("repSelect"); var strUser = e.options[e.selectedIndex].value; if(strUser=="rep4"){ document.getElementById("dale").disabled=false; }else{ document.getElementById("dale").disabled=true; } }

Answer 1

您正在使用.getElementById()方法，但你的元素沒有定義的ID。在HTML中添加ID：

<select id="dale" name="dale"> 

您可能還需要修改調用你的函數在第一選擇的onchange處理程序，通過this.value，而不是僅僅value：

<select onChange="makeEnable(this.value)" name="repSelect"> 

你也可以基本上簡化功能如下：

function makeEnable(value){ 
    document.getElementById("dale").disabled = value!="rep4"; 
} 

演示：http://jsfiddle.net/3t16p5p9/

編輯：我只是注意到，你有問題的jQuery標籤。使用jQuery，刪除內聯onChange=屬性，然後添加到您的腳本：

$(document).ready(function() { 
    $("select[name=repSelect]").change(function() { 
     $("#dale").prop("disabled", this.value!="rep4"); 
    }).change(); 
}); 

這種結合改變處理程序的第一選擇，然後讓第二個將被適當地啓用或禁用立即調用它當頁面加載時（根據評論請求）。

演示：http://jsfiddle.net/3t16p5p9/2/

Answer 2

其實你正在使用的document.getElementById但你的組合框沒有一個ID。

這就是它不工作的原因。

而不是在HTML中加入平變化的，使用如下：

<select id='repselect' onchange=makeEnable() name="repSelect"> 
    <option value="rep1">Employee</option> 
    <option value="rep2">Category Reasons Overall </option> 
    <option value="rep3">Department Overall </option> 
    <option value="rep4">Reasons Specific Categorized </option> 

    </select> 
    <select id="seldale" name="dale"> 
    <option value="rep1">dale</option> 
    </select> 
<input class="button" type="submit" value="Generar Reporte"/> 
$('#repselect').change(function(){ 
    if(this.value=="rep4"){ 
    var x= document.getElementById("seldale") 
    x.disabled=false 
    }else{ 
    var x =document.getElementById("seldale") 
    x.disabled=true 
     } 
    });