tusharvikky/select_var.html

## select_var.html
<!-- Author: @tusharvikky -->
<!-- Created: 16th Jan 2013 -->
<html>
<head>
  <title>Grab select value</title>
	<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
	<script>
	$(document).ready(function(){
		$("#button").click(function(e){
			e.preventDefault(); // This is just to prevent re submitting of form again as default jquery.
			//console.log("button clicked");
			var selected_value = $("#op1").val();
			console.log(selected_value);
		});
	});
</script>
</head>

<body>

	<form action="" id="id">
		<select id="op1">
			<option value="one">abc</option>
			<option value="two">pqr</option>
			<option value="three">xyz</option>
		</select>
		<button id="button" type="submit">Button</button>

	</form>

</body>
</html>
	<!-- Author: @tusharvikky -->
	<!-- Created: 16th Jan 2013 -->
	<html>
	<head>
	<title>Grab select value</title>
	<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
	<script>
	$(document).ready(function(){
	$("#button").click(function(e){
	e.preventDefault(); // This is just to prevent re submitting of form again as default jquery.
	//console.log("button clicked");
	var selected_value = $("#op1").val();
	console.log(selected_value);
	});
	});
	</script>
	</head>

	<body>

	<form action="" id="id">
	<select id="op1">
	<option value="one">abc</option>
	<option value="two">pqr</option>
	<option value="three">xyz</option>
	</select>
	<button id="button" type="submit">Button</button>

	</form>

	</body>
	</html>