JQuery

Click a button/link when page load,find selected and unselected options in Jquery

 

Click a button when page load

view plaincopy to clipboardprint?

1. $(document).ready(function () {  
2.   
3.               $("#link").click(function () {  
4.                  alert("link clicked");  
5.               });  
6.   
7.               $("#btnSearch").click(function () {  
8.                  alert("button clicked");  
9.               });  
10.   
11.               $("#btnSearch").trigger('click'); // OR  
12.               $("#btnSearch").click();  
13.   
14.   
15. });  

$(document).ready(function () {

              $("#link").click(function () {
                 alert("link clicked");
              });

              $("#btnSearch").click(function () {
                 alert("button clicked");
              });

              $("#btnSearch").trigger('click'); // OR
              $("#btnSearch").click();


});

view plaincopy to clipboardprint?

1. <input type="button" id="btnSearch" value="Search"/>  

<input type="button" id="btnSearch" value="Search"/>

Click a hyperlink

view plaincopy to clipboardprint?

1.  $('#link').click();  

 $('#link').click();

view plaincopy to clipboardprint?

1. <a href="#" id="link" >Go</a>  

<a href="#" id="link" >Go</a>

Find selected and unselected options

view plaincopy to clipboardprint?

1.  $(document).ready(function () {  
2.               $("#sel").find('option:selected').css('background', "red");  
3.               $("#sel").find('option:not(:selected)').css('background', "blue");  
4.   
5.  });  

 $(document).ready(function () {
              $("#sel").find('option:selected').css('background', "red");
              $("#sel").find('option:not(:selected)').css('background', "blue");

 });

view plaincopy to clipboardprint?

1. <select id="sel" >  
2.     <option value="USA">USA</option>  
3.     <option value="SriLanka" selected="selected">SriLanka</option>  
4.     <option value="India">India</option>  
5.     <option value="Japan">Japan</option>  
6. </select>  

<select id="sel" >
    <option value="USA">USA</option>
    <option value="SriLanka" selected="selected">SriLanka</option>
    <option value="India">India</option>
    <option value="Japan">Japan</option>
</select>