topic Re: How to toggle queryTask URL based on selected item in drop down menu? in ArcGIS JavaScript Maps SDK Questions

How to toggle queryTask URL based on selected item in drop down menu?

MatthewBaker2 — Wed, 28 May 2014 18:28:45 GMT

Hi all,

How would I construct a queryTask URL so that it pointed to a different layer based on the selected item of a drop down?

I have 2 years worth of data I'd like to query based on the selected year in a drop down.

The URL would basically be switched to

http://arcgisserverurl/service/{layer1}

http://arcgisserverurl/service/{layer2}

A typical drop down menu has a label and a value... I can set the label to be the Year, and the value to be 0, 1 or whatever the corresponding layer is in the service.

Hope that makes sense!

Thanks!

-m

Re: How to toggle queryTask URL based on selected item in drop down menu?

ManishkumarPatel — Thu, 29 May 2014 03:37:06 GMT

Hi Matthew,

You got all the logic pretty right on track.

You can change the queryTask.url on the change event of the dropdown or on some click of a button.

for example:

var queryTaskURLstring = "http://arcgisserverurl/service/";

on the dropdown change get the value and append that to the queryTaskURLstring

queryTaskURLstring = queryTaskURLstring + dropdownValue;

provide the required parameters and execute the query.

For more info on querytask please refer to the following link:
https://developers.arcgis.com/javascript/jsapi/querytask-amd.html

Hope this helps.

Regards,
Manish

Re: How to toggle queryTask URL based on selected item in drop down menu?

MatthewBaker2 — Sat, 11 Dec 2021 20:28:08 GMT

Thanks for the guidance, Manish! This seems to have worked:

<script>
  var serviceURL = "http://arcgisdev01:6080/arcgis/rest/services/Schools_Shared/MapServer/";

  var queryURL;

  //trigger function on load
  //showAlert();

  function getQueryURL() {
   var layerNum = document.getElementById("selectedYear").options[selectedYear.selectedIndex].value;

   queryURL = serviceURL + layerNum;

   //showAlert(serviceURL);

   //fill in text boxes to check my code
   document.getElementById("currentYear").value = layerNum;
   document.getElementById("fullURL").value = queryURL;

  }

  function showAlert() {
   alert(queryURL);

  }

 </script>

 <body>

  <select id="selectedYear" onchange="getQueryURL()">
   <option value="1">Current Year</option>
   <option value="0">Projected Year</option>

  </select>

  
  <input type="text" id="currentYear" size="5">
  <input type="text" id="fullURL" size="60">
  <input type="button"  value="Show URL" onclick="showAlert()">
 </body>

Re: How to toggle queryTask URL based on selected item in drop down menu?

ManishkumarPatel — Fri, 30 May 2014 08:33:55 GMT

Glad to help 🙂