Question

我有一个表单，当用户开始输入他的公司名称时，会出现一个div（滑动），用户可以填写他的公司信息。

现在的问题是，当值大于“”或某事时，div将向下滑动。但是，我在代码中给输入一个值，所以当页面加载时会出现div。

我尝试了这个，但没有用:(

<script type="text/javascript">

$(document).ready(function(){

$('#NewCustomerDiv input[name=CompanyName]').keyup(function(){

 if(!$(this).val() || "test"){
      $('#CustomerCompanyDiv').slideUp("slow");
 }
 else{
$('#CustomerCompanyDiv').slideDown("slow");
 }
});
if($('#NewCustomerDiv input[name=CompanyName]').val()){
     $('#CustomerCompanyDiv').slideDown("slow");
}
});
</script> 

<div id="NewCustomerDiv" >
<label>Company name: </label>
<input type="text" name="CompanyName" value="test"/>
<br />

<div id="CustomerCompanyDiv" style="display:none">        <label>Company name:</label>
Here comes the input form for the company information.
</div>
</div>

Answer 1

我不确定，但我已经从我理解你想要的东西中找到了这个？

$('#NewCustomerDiv input[name=CompanyName]').keyup(function () {
   if($(this).val().length > 0) {
       if($(this).val() == "test")
           $('#CustomerCompanyDiv').slideUp("slow");
       else        
           $('#CustomerCompanyDiv').slideDown("slow");
   } else {      
       $('#CustomerCompanyDiv').slideUp("slow");
   }
});

Fiddle

Answer 2

使用PLACEHOLDER参数通知用户表单元素的功能：

<input type="text" name="CompanyName" placeholder="Type test to slide up"/>

Answer 3

好的尝试这个fiddle

您修改后的脚本

$(document).ready(function(){

$('#NewCustomerDiv input[name=CompanyName]').keyup(function(){

 if($(this).val()==""){
      $('#CustomerCompanyDiv').slideUp("slow");
 }
 else{
    $('#CustomerCompanyDiv').slideDown("slow");
 }
});
if($('#NewCustomerDiv input[name=CompanyName]').val()){
     $('#CustomerCompanyDiv').slideDown("slow");
}
});

当开始输入表单时，Jquery滑入了

3 个答案: