Frenske123
Terugkerende gebruiker
- Lid geworden
- 2 jul 2007
- Berichten
- 1.260
Het probleem is het type = date veld
Dat vraagt waarschijnlijk om een andere aanpak, die heb ik maar laten vervallen
Deze vond ik voor select , maar jou manier met buttons vond ik beter (disabled)
Dat vraagt waarschijnlijk om een andere aanpak, die heb ik maar laten vervallen
Deze vond ik voor select , maar jou manier met buttons vond ik beter (disabled)
HTML:
<!doctype html>
<html>
<head>
<title>Events toevoegen</title>
<meta charset="utf-8">
<!-- https://jsfiddle.net/21sLp2t5/ -->
</head>
<body>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form>
<select id="mySelect">
<option selected>Select colour</option>
<option value="Orange">Orange</option>
<option value="Apple">Apple</option>
<option value="Lemon">Lemon</option>
</select>
<button id="submit-button" type="submit">Click</button>
</form>
<script>
// Executed when DOM is loaded
$(document).ready(function() {
// Executed when select is changed
$("select").on('change',function() {
var x = this.selectedIndex;
if (x == "") {
$("#submit-button").hide();
} else {
$("#submit-button").show();
}
});
// It must not be visible at first time
$("#submit-button").css("display","none");
});
</script>
</body>
</html>