Using jQuery You can set the class (regardless of what it was) by using .attr(), like this: $(“#td_id”).attr(‘class’, ‘newClass’); If you want to add a class, use .addclass() instead, like this: $(“#td_id”).addClass(‘newClass’); Or a short way to swap classes using .toggleClass(): $(“#td_id”).toggleClass(‘change_me newClass’); Here’s the full list of jQuery methods specifically for the class attribute.
$(“#mydropdownlist”).val(“thevalue”); just make sure the value in the options tags matches the value in the val method.
You can use the :contains selector to get elements based on their content. Demo here $(‘div:contains(“test”)’).css(‘background-color’, ‘red’); <div>This is a test</div> <div>Another Div</div> <script src=”https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js”></script>
onchange only fires when the user types into the input and then the input loses focus. You can manually call the onchange event using after setting the value: $(“#mytext”).val( 777 ).change(); // someObject.onchange(); in standard JS Alternatively, you can trigger the event using: $(“#mytext”).val( 777 ).trigger(“change”);
This definitely should work. Here’s a demo. Make sure you have placed your code into a $(document).ready: $(function() { $(“#gate”).val(‘gateway_2’); });
The uses of jQuery .queue() and .dequeue() Queues in jQuery are used for animations. You can use them for any purpose you like. They are an array of functions stored on a per element basis, using jQuery.data(). They are First-In-First-Out (FIFO). You can add a function to the queue by calling .queue(), and you remove … Read more
Add this code in a separate file/script included after the validation plugin to override the messages, edit at will 🙂 jQuery.extend(jQuery.validator.messages, { required: “This field is required.”, remote: “Please fix this field.”, email: “Please enter a valid email address.”, url: “Please enter a valid URL.”, date: “Please enter a valid date.”, dateISO: “Please enter a … Read more
FYI dataTables requires a well formed table. It must contain <thead> and <tbody> tags, otherwise it throws this error. Also check to make sure all your rows including header row have the same number of columns. The following will throw error (no <thead> and <tbody> tags) <table id=”sample-table”> <tr> <th>title-1</th> <th>title-2</th> </tr> <tr> <td>data-1</td> <td>data-2</td> … Read more
You can use regular old javascript for that: function isEmail(email) { var regex = /^([a-zA-Z0-9_.+-])+\@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$/; return regex.test(email); }
Ok, I’ve got it to work. change <div id=”myModal” class=”modal hide fade” tabindex=”-1″ role=”dialog” aria-labelledby=”myModalLabel” aria-hidden=”true”> <div class=”modal-header”> <button type=”button” class=”close” data-dismiss=”modal” aria-hidden=”true”>×</button> <h3 id=”myModalLabel”>Panel</h3> </div> <div class=”modal-body” style=”max-height: 800px”> to <div id=”myModal” class=”modal hide fade” role=”dialog” aria-labelledby=”myModalLabel” aria-hidden=”true”> <div class=”modal-header”> <button type=”button” class=”close” data-dismiss=”modal” aria-hidden=”true”>×</button> <h3 id=”myModalLabel”>Panel</h3> </div> <div class=”modal-body” style=”max-height: 800px”> (remove tabindex=”-1″ … Read more