如何在文本框填充時隱藏div類

如何隱藏div在填充文本框的同時使用JavaScript的類？如何在文本框填充時隱藏div類

我想隱藏類loadData而文本框（t1）被填充。

示例代碼：

<input type="text" name="t1" placeholder="search"> 


<div class="loadData"> 
    // some content here.... 
</div>

來源

2015-07-20 Nisha Chinnapa

你是什麼意思'，而文本框（T1）filled' – Tushar

對不起，我忘了添加輸入類型值。現在看代碼 –

使用jQuery。檢查keyup事件上的文本字段的值，並相應地執行操作。

$('input[type="text"]').on('keyup', function() { 
    ($.trim($(this).val()) != '') ? $('.loadData').hide() : $('.loadData').show(); 
})

FIDDLE

來源

2015-07-20 07:10:19

'$（'：text'）。on（'keyup'，function（）{（'。loadData'）。toggle（$。trim（$（this） .val（）））; }）; ' – Tushar

你可以在你的答案中添加這個'更新/編輯' – Tushar

@Tushar但是它不能正確工作，因爲'toggle'不需要這樣的參數。 https://jsfiddle.net/vd5azw1g/ –

用戶jQuery's模糊函數。

<script> 
$(function(){ 
    $("[name=t1]").blur(function(){ 
    if ($(this).val() == '') { 
     $(".loadData").hide(); 
    } 
    }); 
}) 
</script>

說明：

您在blur事件文本框的調用函數。

這意味着用戶已經填滿了文本框並且想要離開文本框。

在這個函數體中，隱藏類loadData的div。

來源

2015-07-20 07:09:06 Pupil

它將如何決定文本框是否被填充？ –

@ b0s3，回答更新，請檢查。 – Pupil

這更好！ –

window.onload = function() { 
    elements = document.getElementsByName("t1"); 
    var divs = document.getElementsByClassName("loadData"); 
    elements.onblur = function() { divs.style.visibility="hidden"; }; 
    };

來源

2015-07-20 07:13:38 wiretext

'div'會發生'blur'事件，我認爲它只發生在'input'元素 – Tushar

如何決定'textbox'是否被填充？ –

ya感謝您重播我 –

-1

添加onblur="showdiv()"到輸入框，並在你的JavaScript添加此功能

function showdiv()  
{  
    var a=document.getElementsByClassName('loadData'); 
    a[0].style.visibility='hidden';  
}

來源

2015-07-20 07:30:11

如何在文本框填充時隱藏div類

回答

相關問題