根據兩個選擇輸入顯示div

如果兩個選擇輸入中的一個設置爲特定選項，我想要顯示一個div。根據兩個選擇輸入顯示div

<select id="firstChoice"> 
    <option value="Option 1">Option 1</option> 
    <option value="Option 2">Option 2</option> 
</select> 

<select id="secondChoice"> 
    <option value="Option 1">Option 1</option> 
    <option value="Option 2">Option 2</option> 
</select> 

<div class="additional"> 
    ... 
</div>

如果任一選項設置爲選項1，則div應該顯示，否則應該隱藏它。

Fiddle

[編輯]在努力簡明扼要，與我曾嘗試是非常糟糕的我沒有張貼我做了什麼。爲此道歉。我已經用下面的答案之一的修改版更新了上面的小提琴。謝謝。

來源

2013-06-19 Yabsley

你嘗試過什麼了嗎？ – j08691

我們很樂意幫助您解決代碼中的問題，但本網站不是要求他人爲您編寫代碼或開發計劃的地方。如果您遇到與您自己的代碼有關的特定問題，請考慮改進您的問題（或詢問新問題）。 –

-1

var $select = $('#firstChoice,#secondChoice'); 
$select.on('change', function() { 
    var str = "Option 1"; 
    if ($('#firstChoice').val() === str || $('#secondChoice').val() === str) { 
     $('.additional').show(); 
    } else { 
     $('.additional').hide(); 
    } 
});

演示------>http://jsfiddle.net/aKqKR/7/

來源

2013-06-19 15:19:33

-1

在這裏你去：

$('.additional').hide(); 
$('#firstChoice,#secondChoice').change(function() { 
    $('.additional').css('display', ($('#firstChoice').val() == 'Option 1' || $('#secondChoice').val() == 'Option 1') ? '':'none'); 
});

jsFiddle example

來源

2013-06-19 15:19:53 j08691

這是你在找什麼？如果其中任何一個是選項1，那麼div顯示，否則它會再次隱藏它。

$(document).ready(function() { 
    $('#firstChoice').on('change', function() { 
     checkToShow(); 
    }); 
    $('#secondChoice').on('change', function() { 
     checkToShow(); 
    }); 
}); 

function checkToShow(){ 
    if ($('#firstChoice').val() == 'Option 1' || $('#secondChoice').val() == 'Option  1') { 
    $('.additional').css("display", "block"); 
    } 
    else{ 
     $('.additional').css("display", "none"); 
    } 
}

Fiddle

來源

2013-06-19 15:21:01 chockleyc

根據兩個選擇輸入顯示div

回答

相關問題