jQuery - 如果文本框和下拉列表均爲空，則顯示段落

Question

我想在文本框和下拉列表都爲空時顯示段落。我讓他們分開工作，但不知道如何組合它們。

所以基本上，我想要下拉和文本框，只有一個段落，當兩個其他領域都是空的時候會顯示。

我走到這一步：

<label>Place of birth</label> 
<select id="placeOfBirth"> 
    <option value=""></option> 
    <option value="01">City 1</option> 
    <option value="02">City 2</option> 
    <option value="03">City 3</option> 
</select> 
<p class="show_dd"> show this if dropdown is not selected </p> <br><br> 

<label>Other</label> 
<input id="other"><br> 
<p class="show_text"> show this if field is empty </p> <br><br> 


$('#placeOfBirth').change(function() { 
    if($("#placeOfBirth").val()===""){ 
     $('.show_dd').show(); 
    } else { 
     $('.show_dd').hide(); 
    } 
}); 

$('#other').keyup(function() { 
    if ($('#other').val().length == 0) { 
     $('.show_text').show(); 
     $('#test').val($('#other').val()); 
    } else { 
     $('.show_text').hide(); 
    } 
}).keyup(); 

JSFIDDLE

Answer 1

我更新了你的小提琴這樣既選擇和文本顯示和隱藏，如果他們用值填充根據段落。

$('#placeOfBirth').change(hideParagraph); 
 
$('#other').keyup(hideParagraph).keyup(); 
 

 
function hideParagraph() { 
 
    if ($('#other').val().length == 0 && $("#placeOfBirth").val() === "") { 
 
    $('.show_text').show(); 
 
    } else { 
 
    $('.show_text').hide(); 
 
    } 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<label>Place of birth</label> 
 
<select id="placeOfBirth"> 
 
    <option value=""></option> 
 
    <option value="01">City 1</option> 
 
    <option value="02">City 2</option> 
 
    <option value="03">City 3</option> 
 
</select> 
 

 
<label>Other</label> 
 
<input id="other"><br> 
 
<p class="show_text"> Show this if one field is populated </p> <br><br>