We help IT Professionals succeed at work.

jQuery

17K

Solutions

6K

Contributors

jQuery (Core) is a cross-browser JavaScript library that provides abstractions for common client-side tasks such as Document Object Model (DOM) traversal, DOM manipulation, event handling, animation and Ajax. jQuery also provides a platform to create plugins that extend jQuery's capabilities beyond those already provided by the library.

I have a web site where the labels on each of the data entry fields on the data entry screens have an HTML link to a help pop-up with information about that particular data entry field. The pop-ups need to be non-modal and the pop-up mechanism needs to allow multiple pop-ups to be open at the same time and not necessarily within the parent viewport. The site is a Classic ASP application which runs under Windows on as variety of web browsers.

The site works fine with IE and Firefox. However, with Microsoft Edge, the pop-up window is about 400 pixels wide (instead of the specified 240 px) and cannot be made smaller by grabbing the right edge of the window and trying to resize it. With Google Chrome, the pop-up window is about the right size, but has scroll bars.

Yeah, I know that each browser's rendering engine is different, but why are the pop-ups for Edge and Chrome not behaving per the HTML spec, which says the minimum window with allowable is 100 px and a window calling parameter string specifying 'no scrollbars'.

What am I missing here? Do I need to build my pop-ups using jQuery UI?

Here is a VB Script code snippet for the typical situation:

<td height="17" valign="middle" class="formlabel">
      <a href="javascript:;" onClick="openBrWindow('../../popups/results_pop/summaryselect_co.htm' ,'', 'top=100,left=550,width=240,height=300,scrollbars=no)">
      Number of Selected Companies</a>:&nbsp;</td>

and here is the JavaScript code to open the window:

      function …
0
jquery Click to Show Content element - Needs to work independent of each other when there are 2 on the same page - Currently they hide items  on the other section when clicked

I have two scripts in the header - one for each section of the home page https://guardianman.wpengine.com/ 

This is my existing code

<script>
jQuery(document).ready(function($) {
   // Code that uses jQuery's $ can follow here.
	$('[data-switch]').on('click', function (e) {
		var $page = $('.awesome'),
			blockToShow = e.currentTarget.getAttribute('data-switch');

		// Hide all children.
		$page.children().hide();

		// And show the requested component.
		$page.children(blockToShow).show();
	});	
});
</script>	

Open in new window


<script>
jQuery(document).ready(function($) {
   // Code that uses jQuery's $ can follow here.
	$('[data-switch]').on('click', function (e) {
		var $page = $('.awesome2'),
			blockToShow = e.currentTarget.getAttribute('data-switch');

		// Hide all children.
		$page.children().hide();

		// And show the requested component.
		$page.children(blockToShow).show();
	});	
});
</script>	

Open in new window


So currently if I click on one item the content gets hidden in both sections - I only want the content in each section to be hidden and shown on click but not have the the other section affected.


HTML for each of the two sections -

--Section 1 --

<div id="awesome" class="who-icon-wrapper"  >
	
	
	
		<button class="icon-one" data-switch="#ico-one">
			

Open in new window

0
Hi

How can I alert the user if they enter From date greater than To date?


var StartCreateDate = $('#FromCreatedDate').val();
var EndCreateDate = $('#ToCreatedDate').val();

  if ((StartCreateDate != null && EndCreateDate != null) && (StartCreateDate > EndCreateDate)) {
            alert("From create date must be greater than to create date")
            return false;
        }

Open in new window

0
I have the following function called from a selection in a grid:

I'd like to convert this to jquery. Is there a process or do people just know how this is done.

            function OnRowSelection() {
                var MasterTable = $find("<%=Grid.ClientID%>").get_masterTableView();
                var selectedItemsCount = MasterTable.get_selectedItems().length;
                    if (selectedItemsCount > 0) {
                        document.getElementById('btn1').disabled = false;
                        document.getElementById('btn2').disabled = false;
                        return false;
                    }
                    else
                        document.getElementById('btn1').disabled = true;
						document.getElementById('btn2').disabled = true;
						return false;
            }

Open in new window


Also more generally the button doesnt look disabled, although the on click event doent fire in its disabled state. How would I achieve the diabaled style when disabled?
0
Hi Experts,

How can I resize an image dynamically based on their original width or height, without distorting them?

Let me elaborate...

The images are logos that are uploaded by users, so their dimensions are unknown. Some squares, some vertical rectangles, others horizontal. In other words there are 3 possible shapes.

I'm only in the planning phase for this, but i'll have a container (div) for these images, with a fixed size, let's say 190 x 60px.

So based on the 3 shapes and on the known 190 x 60 container, I'd want to end up with the following if the shape is

  • Square
  • , then the display size would be
  • 60 x 60

  • Horizontal
  • , then the display size would be
  • 190 x calc

  • Vertical
  • , then the display size would be
  • calc x 60

In each scenario, the img would remain its original size if it is less than 190x60 I think

Now, I know calc would be proportional. For example, for vertical, calc (or width) would be 60/[orig_height]x[orig_width]

So, my first question is how to obtain the original dimensions of a given image file?

Secondly, what is the easiest way to do this, considering that I'm using PHP/jQuery/SCSS? I'm leaning towards doing it all on the  PHP side.

Thank you.
0
JQuery pop up window with Radio buttons

I have the following Jquery code for the pop up window

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js" type="text/javascript"></script>
  <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.1/jquery-ui.min.js" type="text/javascript"></script>

Open in new window


<script type="text/javascript">
  $(function(){
       
       $("#YourDialog").dialog({
           //Properties
           autoOpen: false,
           height: 250,
           width: 250,
           modal: true,
         buttons: {
        "Ok": function() {
          $( this ).dialog( "close" );
          window.location.href = $("#YourDialog input:radio:checked").val();
        }
      }
           //Additional Code Here
       });
 
       //Displays the dialog modal when the "YourButton" element is clicked
      $("#YourDialog").dialog("open");
     
    });
  </script>

Open in new window


<div id="YourDialog" style="display: none;">
				Please choose an option : <br />
				<input name='choice' type='radio' value='MQG' checked >MQG<br/>
				<input name='choice' type='radio' value='DQG'>DQG
			</div>

Open in new window


and then Im trying to call it from the following function and trying to replace windows.confirm box with above pop-up windows

if(fileExtension.toUpperCase()==="csv".toUpperCase() )
		{
		    var isMQG = window.confirm("If this a MQG then" +
		    		"\n Please select OK for a MQG" +
		    		"\n or Cancel for a DQG");
		    
			if (isMQG)
			{
				document.form1.action = "getFile.jsp?grpType=M";
				document.form1.submit();
			}
			else
			{
				
				document.form1.action = "getFile.jsp?grpType=D";
				document.form1.submit();
			}
		}

Open in new window


Im not sure how can i Call my pop-up code in above code so that when radio button MQG is selected on OK ,  this
document.form1.action = "getFile.jsp?grpType=M";

Open in new window

action gets called and when DQG radio button is selected on OK , this
document.form1.action = "getFile.jsp?grpType=D";

Open in new window

action is called

Thank you
0
Hi Experts,

I am using the following input mask that I have found a long time ago
//Source: http://digitalbush.com/projects/masked-input-plugin/#demo 

!function(factory) {
    "function" == typeof define && define.amd ? define([ "jquery" ], factory) : factory("object" == typeof exports ? require("jquery") : jQuery);
}(function($) {
    var caretTimeoutId, ua = navigator.userAgent, iPhone = /iphone/i.test(ua), chrome = /chrome/i.test(ua), android = /android/i.test(ua);
    $.mask = {
        definitions: {
            "9": "[0-9]",
            a: "[A-Za-z]",
            "*": "[A-Za-z0-9]"
        },
        autoclear: !0,
        dataName: "rawMaskFn",
        placeholder: "_"
    }, $.fn.extend({
        caret: function(begin, end) {
            var range;
            if (0 !== this.length && !this.is(":hidden")) return "number" == typeof begin ? (end = "number" == typeof end ? end : begin, 
            this.each(function() {
                this.setSelectionRange ? this.setSelectionRange(begin, end) : this.createTextRange && (range = this.createTextRange(), 
                range.collapse(!0), range.moveEnd("character", end), range.moveStart("character", begin), 
                range.select());
            })) : (this[0].setSelectionRange ? (begin = this[0].selectionStart, end = this[0].selectionEnd) : document.selection && document.selection.createRange && (range = document.selection.createRange(), 
            begin = 0 - 

Open in new window

0
Hi there,  I am getting a Uncaught TypeError: Cannot read property 'open' of undefined error, on Line 14. This is a function, that will open a popup on page load.  Not sure hoe to rectify it?

jQuery(document).ready(function($) {
	// Parse the URL
	function getParameterByName(name) {
	    name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]");
	    var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"),
	        results = regex.exec(location.search);
	    return results === null ? "" : decodeURIComponent(results[1].replace(/\+/g, " "));
	}
	// Give the URL parameters variable names
	var access = getParameterByName('access');
 
	// if access does not = yes then display the popup
	if (access != 'yes') {
		$.magnificPopup.open({
		  items: {
		    src: 'https://go.buildertrend.com/l/464372/2020-03-20/7sshdx'
		  },
		  type: 'iframe', modal: true
		});
	}
});

Open in new window

0
I have a very simple click(function applied to the Add To Cart button below all products that will open the sidebar quick cart view. but that does not work when i use the Category Filter on my products page... when I click a category checkbox (Lips) the products are sorted but my jQuery click function does not work anymore.

Script works fine on this page with no filter: https://allgood.flywheelsites.com/shop/
Soon as I choose a shop by category box the Ajax filter loads the correct products. Example "Lips"

But then my jQuery code does not work... why is that?

jQuery('.product_type_simple').click(function(){
      console.log("add to cart btn clicked");
window.setTimeout(function(){jQuery(".elementor-menu-cart__container").addClass("elementor-menu-cart--shown");
}, 1500);
});
0
My code is working but i get a console error: Should I ignore it?
Uncaught Error: Syntax error, unrecognized expression: #lips/

URL is https://allgood.flywheelsites.com/shop/#lips/

Here is my code: the trailing slash was breaking this code but i finally got it working.
var url = window.location.href.replace(/\/$/, '');
var lastPart = url.substr(url.lastIndexOf('/') + 1);
if (lastPart === "#lips") {
jQuery('input.jet-checkboxes-list__input').each(function(){
var catagory_value=jQuery(this).val();      
for (var i=0;i<catagory_value[0].length;i++) {
if (catagory_value == "129") {
jQuery(this).parent().addClass("lips");
jQuery(window).load(function() {
      jQuery('.lips .jet-checkboxes-list__input').trigger('click');
});
} } }); }
0
I have a need to have HTML select options display on more than one line so the width is not super wide on smaller devices.

I have a great solution, a sample of it's usage is illustrated in the attached html.

I need a slight variation on this, in that the "real" program has several selects, I only want the one that limits the width to apply to ONE of the <select> elements in a specific html page.

I'm guessing I could somehow define the whole mechanism that wraps as a class & apply that class ONLY to the <select> element I need to use it on.

I'm not sure how to do that. Can someone advise?

Thank you
test_mline_select.htm
0
Hello experts. I would like to know how to add a space to every Line Space Carriage Return with JQuery.
I have two textarea boxes. I want to take the contents of the original one and add a space to every CR LF into the second one.
This is what I have so far but it's not working correctly:

		var original = $("#myTextbox").val();
		var fixed = original.replace( /[\r\n]+/gm, \n+" " );
		$('#myTextbox2').val(fixed);

Open in new window


Any guidance is appreciated.
0
I have my page here:
https://torahmates.org/mileage/prizesDetailsTemp.php?cat=Electronics

It has a lot of LI in my UL

 I put a jquery sort function. If you click that orange button to SORT ASC.

You can see if you inspect element, that the LI all get sorted in point order.
But it is not updating in the DOM screen.

Any idea why?
0
I have the following code example that works:
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>test</title>
  <script src="https://code.jquery.com/jquery-3.1.0.js"></script>
  <script>
    jQuery(document).ready(function () {
    
       var url = window.location.pathname;
       var pagename= url.substring(url.lastIndexOf('/')+1);
       $('a[href="'+pagename+'"]').addClass("current");
      
    
});



  </script>
  <style>
  a.current{color:red;}
  </style>
</head>
<body>
<nav id="main-nav">
      
      <ul>
         <li class="current">
            <a href="index.html"  data-description="The Basic Info">The House</a>
         </li>
         <li>
            <a href="location.html" data-description="Where's It Located">The Map</a>
         </li>
         <li>
            <a href="rates.html" data-description="Booking Info">Rates & Avalability</a>
         </li>
         <li>
            <a href="reviews.html" data-description="What'd They Think">Reviews</a>
         </li>
         <li>
            <a href="contact-us.html" data-description="Need More Info">Contact</a>
         </li>
      </ul>

</body>
</html>

Open in new window

The issue is the actual file I want this applied to is actually a Server-side include and I don't seem to be able to get this to function properly in an SSI? I've played with moving jQuery include inside and out of SSI but no luck?  Here is the actual SSI include:
<header id="header" class="container clearfix">
	<a href="index.html" id="logo">
		<img src="img/logo.png" alt="SmartStart">
	</a>

	<nav id="main-nav">
		
		<ul>
			<li>
				<a href="index.html" data-description="The Basic Info">The House</a>
			</li>
			<li>
				<a href="location.html" data-description="Where's It Located">The Map</a>
			</li>
			<li>
				<a href="rates.html" data-description="Booking Info">Rates & Avalability</a>
			</li>
			<li>
				<a href="reviews.html" data-description="Don't Take Our Word For It">Reviews</a>
			</li>
			<li>
				<a href="contact-us.html" data-description="Need More Info">Contact</a>
			</li>
		</ul>

	</nav><!-- end #main-nav -->
	
</header><!-- end #header -->

Open in new window

Thanks!
0
We have the below select2 box (https://select2.org/) which retrieves data using ajax. We would like that as soon a selection has been made, javascript prcName() is executed. Which code must we add to the below ?
        <script type="text/javascript">
            $('.itemName').select2({
              placeholder: 'Search for customer',
              minimumInputLength: 3,
              ajax: {
		        url: '../myComponentJSON.cfc?method=getMortgDetail010&returnformat=json',
                dataType: 'json',
                 data: function (params, page) {
                            console.log(params);
                 	
                    return {
                       parmSearch: params.term
                    };
                 },
                delay: 250,
                processResults: function (data) {
                  return {
                    results: data
                  };
                },
                cache: true
              }
            });

Open in new window

Capture.JPG
0
I have a header SSI include but I want to have it so the class is dynamically assigned "current" when it is on the corresponding page. here is an example of the header include. I can modify the code of the header if needed. Forexample, if I was on the "location.html" page, the 2nd LI would have the class set to "current" and not the first LI in the example..
<header id="header" class="container clearfix">

	<a href="index.html" id="logo">
		<img src="img/logo.png" alt="SmartStart">
	</a>

	<nav id="main-nav">
		
		<ul>
			<li class="current">
				<a href="index.html" data-description="The Basic Info">The House</a>
			</li>
			<li>
				<a href="location.html" data-description="Where's It Located">The Map</a>
			</li>
			<li>
				<a href="rates.html" data-description="Booking Info">Rates & Avalability</a>
			</li>
			<li>
				<a href="reviews.html" data-description="What'd They Think">Reviews</a>
			</li>
			<li>
				<a href="contact-us.html" data-description="Need More Info">Contact</a>
			</li>
		</ul>

	</nav><!-- end #main-nav -->
	
</header><!-- end #header -->

Open in new window

How would I do this using Javascript?
Thanks!
0
Hi Team,



I have an issue with date time picker. i have 3 date fields that are Pdate,Qdate,bDate , i put the validation while selecting B Date is greater then Q Date and q Date is greater then P Date and B Date is greater then P Date simple you can say that P Date , Q Date and B Date is in increasing order when i am taking date picker it's working fine but when i am using the date time picker its comparing each column time separatly and checking the time also in increasing order but i want only date compare my code is below please check and let me know if you need more clarification . please help me out on my below code where
i m doing wrong.

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-datetimepicker/2.5.20/jquery.datetimepicker.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-datetimepicker/2.5.20/jquery.datetimepicker.full.min.js"></script>



<script>
    function validateDates() {
	 //get values of dates
	 var array = [];
	 var error = false;
	 $(".chkValues:checked").each(function() {
	   var parent = $(this).closest('tr');
	   var last = 0;
	   //var lbl = 

Open in new window

0
I've got a form that looks like this:

<form id="user-form" class="needs-validation" method="post" action="/profile/save" novalidate>

...

      <div class="password-wrapper">
        <button type="button" class="btn btn-primary btn-change-password"><i class="fas fa-fw fa-key"></i> Change Password</button>
        <div class="password-template d-none">
			<div class="row">
				<div class="col-lg-12">
				To change your password, begin by entering your current password first...<br><br>
					<div class="md-form">
						<input type="password" id="current-password" name="current_password" class="form-control" value="">
						<label for="current_password"><a id="expose-current" href="#" style="cursor:text;" tabindex="-1">Current Password</a></label>
					</div>
				</div>
			</div>
			<!-- new row -->
			<div class="row">
				<div class="col-lg-6" style="margin-top:-25px;">
					<div class="md-form">              
						<input type="password" id="user-password" name="user[password]" class="form-control" required />
						<label for="user-password"><a id="exposure" href="#" style="cursor:text;" tabindex="-1">Password*</a></label>
					</div>
				</div>
				<div class="col-lg-6" style="margin-top:-25px;">
					<div class="md-form">
						<input type="password" id="user-confirm" class="form-control" required />
						<label for="user-password">Confirm*</label>
					</div>
				</div>
			</div>
			<div class="row">
				<div class="col-lg-12">
					<div style="font-size:9pt; 

Open in new window

0
Here is the current live version of the page I want to change.

http://www.fobgfc.org/?page=team&side=1&season=2019

When viewed on a phone the fixtures CSS shows them like image01.

mobile emulator of current live version.
My problem is that each fixture takes up too much space.  So for narrow widths (<600px) I have changed the PHP/HTML and CSS via media queries to show only Date, Opposition and Competition so it all fits on one line.  This is image02 from my test site http://www.col-b.uk/?page=team&side=1&season=2019

phone emulation image from my test site
So far so good.

The end goal is to toggle each fixture to show a popup with the detail of scores etc.  What is the easiest way to do this?  JQuery toggle or javascript alert box? Or another way?

In either case do I need a separate button to tap to toggle, or can I use the fixture row itself?

All help appreciated.

PS I still don't know how to preview a question before asking it, so hope this turns out well!
0
Hello,

I am using a drop down list function which loads data when a select menu changes.. this works fine.
$("[name=shipbook_to]").change(function(){

I also have another function which applies the  jquery  ui.combobox to my selects (this you can see working in JS Fiddle)

These work great separately, but not if I combine them.. the .change(function() does not trigger if the select option is chosen through ui.combobox


I created a JS fiddle so you can see it in action
https://jsfiddle.net/justindark/b7c12ehv/34/

This part is not happening when I select the Delivery address..  But if I remove the UI combobox, it works perfectly

$(document).ready(function(){		   
					$("[name=shipbook_to]").change(function(){
						var form_data_cc = $("[name=shipbook_from]").val();
						var form_data_dd = $("[name=shipbook_to]").val();
						$("[name=shipbook_from]").attr("value", form_data_dd);
						$("[name=shipbook_to]").attr("value", form_data_cc);
						$('[name=broker]').load("includes/ship_to.php?from="+form_data_dd+"&to="+form_data_cc);
            // THIS JUST LOADS ANOTHER SELECT MENU, WORKS WTHOUT COMBOBOX
                                                 alert("We did something!");
						
						});
					});

Open in new window

0
Hi,

I need your help please.

I'm trying to validate an email address

function ValidateData() {
        //debugger;
        var StartCreateDate = $('#FromCreatedDate').val();
        var EndCreateDate = $('#ToCreatedDate').val();
        var StartMigrationDate = $('#FromMigrationDate').val();
        var EndMigrationDate = $('#ToMigrationDate').val();
        var SendToEmail = $('#SendEmailTo').val();
       
        if ((StartCreateDate != null && EndCreateDate != null) && (StartCreateDate > EndCreateDate)) {
            alert("From create date must be greater than to create date")
            return false;
        }
        if ((StartMigrationDate != null && EndMigrationDate != null) && (StartMigrationDate > EndMigrationDate)) {
            alert("From migration date must be greater than to migration date")
            return false;
        }
        if (SendToEmail "doesn't have the correct format")  //Here I want to validate my email address $('#SendEmailTo').val();
        {
            alert("Email format is incorrect")
            return false;
        }

        return true;
    }

Open in new window



Thank you,
0
I'm trying to figure out why my code is not working properly?  I never get to the function _dtmSetProdType (#2 console.log) from my attempt to add the listener? You can test by going to https://apply.essexcredit.com/#blockdtm (***ensure you use the #blockdtm in the URL) and on the first page, run the code in dev. console and select the  product selectHere is my test code:
function _dtmSetProdType() {
    console.log("2 #### ====> IN  _dtmSetProdType");
    var selProdOption = event.target.value;
    console.log("3 #### ======> selProdOption : " + selProdOption);
};

function _dtmCheckProductSelect() {
    var prodSel = document.evaluate("//form/div/div/div/div/div/div/div/div/div/div/div/div/div/div/div[@class='option-selected']", document, null, XPathResult.ANY_TYPE, null).iterateNext();
    if (prodSel) {
        console.log("1 #### ====> calling  _dtmSetProdType");
        prodSel.addEventListener('change', _dtmSetProdType);
    } else {
        setTimeout(_dtmCheckProductSelect, 1000);
    }
};

_dtmCheckProductSelect();

Open in new window

What I want is each time a selection is made, to grab that value of the select. Thanks!
0
I have a simple form:
<div id="notify-alert"></div>
<form method="post">
<input type="hidden" name="memberID" value="5">
<input type="hidden" name="requestID" value="23">
<input type="button" name="submitNotify" value="Notify" onclick="SubmitNotification();">
</form>

Open in new window


the SubmitNotification function is as follows:
function SubmitNotification(){
	//these next four lines were to check what was going on
	var thisData = $(this).closest('form').serialize(); 
	console.log('begin');
	console.log(thisData);
	console.log('end');
	$.ajax({
		type: "POST",
		url: "ajax-notify.cfm",
		data: $(this).closest('form').serialize(),
		dataType: "text",
		success: function(data, status) {
			$('#notify-alert').html(data);
		},
		error: function(data, status) {
			$('#notify-alert').html(data);
		}
	});
};

Open in new window


$(this).closest('form').serialize(); is just returning an empty string. I've found several questions about how to serialize the surrounding form of a button and this appears to be to the correct way... where is this going awry? (I've also tried $(this).parent('form') with the same issue. Incidentally, I'm not using an ID for this because there are multiple forms on the page created by a loop.) Thanks!
0
I am using jQuery to add a Class to the first <p> selector within a div wrapper with a class .addline using this:
jQuery( ".addline p" ).first().addClass( "leftline" );

This works great and adds that class to only the first <p class="leftline"> within <div class="addline">

but sometimes <p> is not the first selector I want to add that class to. So I need jQuery to only look for the first of one of these: var ary = ['p', 'h2', '', 'h3', 'li', 'ol'];

I thought maybe I could do something like this:

var ary = [$p_selector, $h2_selector, $h3_selector, $li_selector, $ol_selector];

var $p_selector =  jQuery( ".addline p" ).first();
var $h2_selector =  jQuery( ".addline h2" ).first();
var $h3_selector =  jQuery( ".addline h3" ).first();
var $li_selector =  jQuery( ".addline li" ).first();
var $ol_selector =  jQuery( ".addline ol" ).first();

Then use an IF statement or something.?

Here is a video to help explain.
https://www.loom.com/share/27fd9940e39c4bcc8c30a65965dc3c2c

Sample Page: https://allgood.flywheelsites.com/all-goods-comprehensive-guide-to-non-toxic-natural-remedies-for-eczema/
0
If you go to https://apply.essexcredit.com/ on the first page, you'll see a select "What type of loan are you interested in? ". I need to set an event listener on this element and grab the value being selected.(RV or Boat).  Javascript only. Please see image

Screenshot of select
*** I can't touch/change the code on the page. I have to use a TMS to inject my code. ***

Thanks!
0

jQuery

17K

Solutions

6K

Contributors

jQuery (Core) is a cross-browser JavaScript library that provides abstractions for common client-side tasks such as Document Object Model (DOM) traversal, DOM manipulation, event handling, animation and Ajax. jQuery also provides a platform to create plugins that extend jQuery's capabilities beyond those already provided by the library.

Related Topics