Ajax Combo коробка для шоу 2 кнопки

Как я могу сделать коробку Ajax Combo, Forexamle Female и Male, и я хочу показать кнопку для Женщины и кнопку Мужчина, Это мой кодAjax Combo коробка для шоу 2 кнопки

<!DOCTYPE html> 
<html> 
<head> 
<style> 
#for-male, #for-female{ 
display:none; 
} 
</style> 
</head> 
<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> 
</html>

источник

2017-02-18 Sedric Heidarizarei

Можете ли вы разместить javascript, который вы написали для функции 'showUser' –

I Скопировано из w3 Поскольку мне не нужно читать с Db, мне просто нужно показать кнопку для женского и другого кнопки для мужчины или текст –

Вам не нужен звонок ajax. Если все, что вы хотите сделать, это определить кнопку, которая будет отображаться на основе выбранной опции.

<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; 
}

По сути, это делает, чтобы показать кнопку каждый раз, когда выбрана опция

Вы можете проверить https://jsfiddle.net/tmwjge9s/1/

источник

2017-02-18 19:51:33

Appriciate это, спасибо –

ответ

Смежные вопросы