The problem is two-fold. First, once a Modal object is instantiated, it is persistently attached to the element specified by data-target and subsequent calls to show that modal will only call toggle() on it, but will not update the values in the options. So, even though the href attributes are different on your different links, … Read more
Change your markup slightly: $(function() { enable_cb(); $(“#group1”).click(enable_cb); }); function enable_cb() { if (this.checked) { $(“input.group1”).removeAttr(“disabled”); } else { $(“input.group1”).attr(“disabled”, true); } } <script src=”https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js”></script> <form name=”frmChkForm” id=”frmChkForm”> <input type=”checkbox” name=”chkcc9″ id=”group1″>Check Me <br> <input type=”checkbox” name=”chk9[120]” class=”group1″><br> <input type=”checkbox” name=”chk9[140]” class=”group1″><br> <input type=”checkbox” name=”chk9[150]” class=”group1″><br> </form> You can do this using attribute selectors without … Read more
Sounds like you’re overthinking it. You’ve observed the difference between childNodes and children, which is that childNodes contains all nodes, including text nodes consisting entirely of whitespace, while children is a collection of just the child nodes that are elements. That’s really all there is to it. There is nothing unpredictable about either collection, although … Read more
You must define the select2 as $(“#customers_select”).select2({ placeholder: “Select a customer”, initSelection: function(element, callback) { } }); To reset the select2 $(“#customers_select”).select2(“val”, “”);
Whenever you pass a string of HTML to any of jQuery’s methods, this is what happens: A temporary element is created, let’s call it x. x’s innerHTML is set to the string of HTML that you’ve passed. Then jQuery will transfer each of the produced nodes (that is, x’s childNodes) over to a newly created … Read more
NOTE: answer is dependent upon jQuery 1.6.1+ $(‘#selectBox :nth-child(4)’).prop(‘selected’, true); // To select via index $(‘#selectBox option:eq(3)’).prop(‘selected’, true); // To select via value Thanks for the comment, .get won’t work since it returns a DOM element, not a jQuery one. Keep in mind the .eq function can be used outside of the selector as well … Read more
You can bind the ‘input’ event to the textbox. This would fire every time the input changes, so when you paste something (even with right click), delete and type anything. $(‘#myTextbox’).on(‘input’, function() { // do something }); If you use the change handler, this will only fire after the user deselects the input box, which … Read more
$(‘select’).on(‘change’, function (e) { var optionSelected = $(“option:selected”, this); var valueSelected = this.value; …. });
If the e.target is the same element as this, you’ve not clicked on a descendant. $(‘.foobar’).on(‘click’, function(e) { if (e.target !== this) return; alert( ‘clicked the foobar’ ); }); .foobar { padding: 20px; background: yellow; } span { background: blue; color: white; padding: 8px; } <script src=”https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js”></script> <div class=”foobar”> .foobar (alert) <span>child (no alert)</span> </div>
It sounds like it’s your browser caching the image (which I now notice you wrote in your question). You can force the browser to reload the image by passing an extra variable like so: d = new Date(); $(“#myimg”).attr(“src”, “/myimg.jpg?”+d.getTime());