带有“请稍候”标签的Ajax组合框用于数据输入

-1

如何使用Please wait..或Loding...标签对于数据输入时间低于我的组合框？带有“请稍候”标签的Ajax组合框用于数据输入

我想，当切换男性和女性之间，看到Loading...下开关盒

HTML

<body> 
    <form> 
     <select name="users" id="users"> 
     <option value="">Select a person:</option> 
     <option value="1">Male</option> 
     <option value="2">Female</option> 
     </select> 
     <button type="submit" id="for-male" styl>Male</button> 
     <button type="submit" id="for-female">Female</button> 
    </form> <br> 
    <div id="txtHint"><b>Person info will be listed here.</b> 
    </div> 
</body>

的JavaScript看起来像这样

$(document).ready(function() { 
    $('#users').on('change', function() { 
    $('#for-male, #for-female').hide() 
    var value = $(this).val() 
    if(value == "1") { 
     $('#for-male').show(); 
    } else { 
     $('#for-female').show(); 
    } 

    }); 
});

和CSS将是

#for-male, #for-female{ 
    display:none; 
}

来源

2017-03-04 Sedric Heidarizarei

[在下拉框中显示 “正在加载...”]的可能的复制（http://stackoverflow.com/questions/1120920/show-loading-in-dropdown-box） –

我是编程新手。你可以用我的代码编辑？ –

$(document).ready(function() { 
 
    //save actual text 
 
    var text = $('#test').html(); 
 
    
 
    $('#users').on('change', function() { 
 
    $('#for-male, #for-female').hide() 
 
    var value = $(this).val() 
 
    if (value == "1") { 
 
     $('#for-male').show(); 
 
    } else { 
 
     $('#for-female').show(); 
 
    } 
 
    //change text to loading 
 
    $('#test').html('Loading...'); 
 
    
 
    //this is demo code for testing, here you will call your ajax function 
 
    setTimeout(function(){ 
 
     //change back to orignal text 
 
     $('#test').html(text); 
 
    }, 1000); 
 

 
    }); 
 

 
    
 
});

#for-male, #for-female{ 
 
    display:none; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
    <select name="users" id="users"> 
 
     <option value="">Select a person:</option> 
 
     <option value="1">Male</option> 
 
     <option value="2">Female</option> 
 
     </select> 
 
    <button type="submit" id="for-male" styl>Male</button> 
 
    <button type="submit" id="for-female">Female</button> 
 
<br> 
 
<div id="txtHint"><b id="test">Person info will be listed here.</b> 
 
</div>

来源

2017-04-12 11:50:18

我想要在男性和女性之间切换时，请参阅“正在加载...”以取代“此处将列出个人信息。”，我的意思是，此处将列出个人信息。“更改为正在加载.... –

我想要在男性和女性之间切换时，请参阅加载...在开关盒 –

好吧，等待我更新我的答案 –

带有“请稍候”标签的Ajax组合框用于数据输入

回答

相关问题