第一個問題是你不能使用Visible =「false」,你需要使用CSS並設置visibility:hidden ;,或者display:none。
一旦你做到了這一點,你可以做以下 - >
獲取ID列表中的:
//id #1
var ddl1 = document.getElementById("DropDownList1");
//id #2
var ddl2 = document.getElementById("DropDownList2");
現在,我們需要創建一個onchange函數來獲取值,並測試它們是否爲空,如果沒有,那麼我們將顯示按鈕。
function showButton(){
//out of <option value="3"> This is 3rd </option> you get:
var selected1text = ddl1.option[ddl.selectedIndex].text; // returns: This is 3rd
var selected1value = ddl1.option[ddl.selectedIndex].val; // returns: 3
//out of <option value="75"> This is 75th </option> you get:
var selected2text = ddl2.option[dd2.selectedIndex].text; // returns: This is 75th
var selected2value = ddl2.option[dd2.selectedIndex].val; // returns: 75
if(
selected1text != "" &&
selected1value != "" &&
selected2text != "" &&
selected2value != ""
){
//Our select lists all have values. We can show our button now.
//if you use visibility:hidden;
document.getElementById('load_data').style.visibility='visible';
//if you use display:none;
document.getElementById('load_data').style.display='block';
}else{
//don't do anything.
}
}
然後,在你的下拉列表中,您可以添加的onChange = showButton();
應該工作。
不工作? – Shoban 2012-03-02 10:58:18
你可以添加類,當下拉值改變,並且在每一個改變你看,如果對方下拉擁有類,然後爲你的按鈕可見真! – 2012-03-02 10:58:38