試圖創建一個選項

林不知道這個網站是否只與asp，但我想創建一個窗體，其中的子域被禁用或啓用根據您是否選擇一個或另一個。我可以用複選框做到這一點，但我希望它能與下拉選擇值一起工作。這裏是鏈接，下面的腳本：試圖創建一個選項

http://www.rfdesignstudio.com/newsite/paypal.html

這裏是選擇腳本：

<select name="type" class="input" id="type" onchange="type()"> 
     <option value="General">General</option> 
     <option value="Walk-a-thon">Walk-a-thon</option> 
</select>

，這裏是功能的腳本：

function type(){ 

if (document.getElementById('type').value=='Walk-a-thon') { 
    document.getElementById('child').disabled = false; 
    document.getElementById('teacher').disabled = false; 
    document.getElementById('room').disabled = false; 
    } 
else { 
    document.getElementById('child').disabled = true; 
    document.getElementById('teacher').disabled = true; 
    document.getElementById('room').disabled = true; 
    document.getElementById('child').value = ""; 
    document.getElementById('teacher').value=""; 
    document.getElementById('room').value="";} 
    }

來源

2012-08-23 Rafael Fernandez Jr.

你實際使用jQuery的，因爲你的代碼示例使用無。 – j08691

是啊對不起，我想我打算說的JavaScript。 –

關於如何讓這個工作的任何想法？ –

您應該能夠將其降低至此（未測試）：

function type(){ 
    if ($('#type').val() == 'Walk-a-thon') { 
    $('#child, #teacher, #room').removeAttr('disabled'); 
    } 
    else { 
    $('#child, #teacher, #room').attr('disabled', 'disabled').val(''); 
    } 
}

而且你可能也需要在文檔加載由head部分地方將這個片段來觸發該功能：

<script type="text/javascript"> 
    $(function(){ type(); }); 
</script>

來源

2012-08-23 16:20:48 PinnyM

我試過了，但沒有刪除禁用的屬性。有什麼想法嗎？ –

您是否在頁面上發現任何錯誤？你可以通過螢火蟲來判斷代碼是否真的按預期運行嗎？ – PinnyM

我不知道使用螢火蟲，我安裝它並上傳文件到這個鏈接http://www.rfdesignstudio.com/newsite/paypal2.html，但我沒有從我看到的頁面錯誤。 –

試圖創建一個選項

回答

相關問題