JQuery Selectors – Sibeesh Passion https://sibeeshpassion.com My passion towards life Tue, 25 Aug 2015 13:00:34 +0000 en-US hourly 1 https://wordpress.org/?v=6.9.4 /wp-content/uploads/2017/04/Sibeesh_Passion_Logo_Small.png JQuery Selectors – Sibeesh Passion https://sibeeshpassion.com 32 32 Make Last Option As Selected In Select,Drop Down,Combo Box https://sibeeshpassion.com/make-last-option-as-selected-in-select-drop-down-combo-box/ https://sibeeshpassion.com/make-last-option-as-selected-in-select-drop-down-combo-box/#disqus_thread Tue, 25 Aug 2015 12:59:38 +0000 http://sibeecst_passion.com/?p=10351 In this post we will see how we can make the selected property to the last option of a select or drop down or combo box. We will use a jquery selector for making the last option as selected.

Consider I have a following select element.

[html]
<select name="mySelect" id="mySelect" class="select">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
</select>
[/html]

Now by default we need that last option as selected right? To do that we can use the following script.

[js]
$("#mySelect option:last").attr("selected", "selected");
[/js]

Here mySelect is the ID of our element.

Please see my other posts related to JQuery here: JQuery Posts

Kindest Regards
Sibeesh Venu

]]> https://sibeeshpassion.com/make-last-option-as-selected-in-select-drop-down-combo-box/feed/ 0 JQuery Language Selector https://sibeeshpassion.com/jquery-language-selector/ https://sibeeshpassion.com/jquery-language-selector/#disqus_thread Sun, 31 May 2015 14:40:00 +0000 https://sibeeshpassion.com/?p=3871 Using the lang attribute to our HTML element, here I am using a div
[js]
<div lang="en">
<div lang="en-us">
[/js]
Using the JQury Selector to select that element
[js]
$("div:lang(en)")
[/js]

This selector will select the div element which has attribute lang as en.

]]> https://sibeeshpassion.com/jquery-language-selector/feed/ 0 Selector to find elements which are all have a particular class name. https://sibeeshpassion.com/selector-to-find-elements-which-are-all-have-a-particular-class-name/ https://sibeeshpassion.com/selector-to-find-elements-which-are-all-have-a-particular-class-name/#disqus_thread Sun, 31 May 2015 13:27:27 +0000 https://sibeeshpassion.com/?p=3041 Selector to find elements which are all have a particular class name.
[js]
$(".container").find(".boxcheckbox")
[/js]
Here .container is my parent class name and .boxcheckbox is the class name for the element to be find.

]]> https://sibeeshpassion.com/selector-to-find-elements-which-are-all-have-a-particular-class-name/feed/ 0