Quiero que al seleccionar un item del combobox y presionen los botones aparezca todo lo relacionado al item del combobox.
ejemplo:cuando el select este en Giosvel y se presionen los botones que salga mi informacion y cuando ponga en el select daniela que salga la informacion de ella este es mi index
$(document).ready(function() {
$('select').change("#Giosvel", function() {
$("#a").click(function() {
alert("Mi Apellido es CARRIL ")
})
$("#b").click(function() {
alert("mi segundo nombre es AMADO")
})
$("#c").click(function() {
alert("yo estoy comprometido con Daniela ")
})
$("#d").click(function() {
alert("mi frase jajaja VALLA COGE SOBREDOSIS BEA")
})
})
$('select').change("#Daniela", function() {
$("#a").click(function() {
alert("su apellido es gonzales ")
})
$("#b").click(function() {
alert("su segundo nombre es victoria")
})
$("#c").click(function() {
alert("esta comprometida con Gio El animal Carril ")
})
$("#d").click(function() {
alert("Su frase es Te amo titi ")
})
})
})
<html>
<head>
<title>Gio chismografo</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="chismografo.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" type="image/jpg" href="losduros.jpg" />
<script src="chismografo.js"></script>
</head>
<body>
<video src="Yomil y el Dany - Que diran (Remix dj Wong).mp4" autoplay loop muted poster="losduros.jpg"></video>
<div class="container-fluid">
<div class="col-lg-12">
<center>
<h1>VALLA COGE SOBREDOSIS BEA</h1>
</center>
</div>
</div>
<center>
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/mdbootstrap/4.3.1/css/mdb.css">
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="js/Presentation.js"></script>
<div class="container">
<div class="row">
<div class="col-md-4"> </div>
<div class="col-md-4">
<select name="select">
<option selected="giosvel" id="Giosvel">Giosvel</option>
<option selected="daniela" id="Daniela">Daniela</option>
</select> <br>
<div class="alto">
<button id="a" class="btn btn-primary btn-success"> Last Name</button>
<button id="b" class="btn btn-primary btn-info">Middle Name</button><br>
<button id="c" class="btn btn-primary btn-primary">Marriage</button>
<button id="d" class="btn btn-primary btn-seconda">Fav Phrase</button>
</div>
</div>
<div class="col-md-4"> </div>
<center>
</div>
</div>
</body>
</html>