11540 sujets

JavaScript, DOM et API Web HTML5

Bonjour,
Je ne parviens pas à réaliser la sélection d'une liste déroulante an Javascript :
<script src="http://code.jquery.com/jquery-1.9.0.min.js"></script>
	<script>
		$(document).ready(function(){
		$("button").click(function(){
	var choix = $('value:selected').val();
	$("div").text(choix);
				});		

			});
	</script>
<form action="" method="post">
<h4>Dans quelle ville souhaites tu habiter ?</h4>
<select name="ville" id="ville">
	<option value="marseille">Marseille</option>
	<option value="bordeaux"">Bordeaux</option>
	<option value="lyon">Lyon</option>
	<option value="grenoble">Grenoble</option>
	<option value="santa barbara">Santa barbara</option>			
	<option value="canet">Canet</option>
</select>
</form>
<p>
   votre choix est :
    <button>trouver</button>
</p>
<div></div>

Je débute en JS et je fais ce code mais rien n’apparaît au click!
Merci