Asp.Net, C#.Net, Angularjs, Entity Framework, JQuery, MVC, Interview Question: Selected option value jquery

Wednesday, 19 February 2014

To work with the jquery you need to take the refrence of Jquery into your HTML code like below.

You need to create the list box and put the option into List box.

<option>Danny</option>

<option selected="selected">Arran</option>

<option>Rohan</option>

</select>

Full code to get the selection of option by Jquery;

<style>

div

{

color: Green;

}

</style>

</head>

<body>

<h1>

List Box selection</h1>

<option>Danny</option>

<option selected="selected">Arran</option>

<option>Rohan</option>

</select> <br />

<b>Selected Text :</b>

<div>

</div>

$("select")

.change(function () {

var str = "";

$("select option:selected").each(function () {

str += $(this).text() + ", ";

});

$("div").text(str);

})

.trigger("change");

</script>

</body>

</html>

Output will display like Below;

Labels