How to change the radius of the circle around the marker using javascript Arcgis?

ManjariGoyal

I am trying to create a buffer based on the drop down box radius value. so far I tried two different things but none of them working.

First try:

var circle;

        var radius = parseInt(dom.byId("Radius").value);

        function Buffer(evt){

          console.log(evt);

            var radius = parseInt(dom.byId("Radius").value);

              circle = new Circle({

                center: evt,

                geodesic: true,

                radius: radius

                radiusUnit: "esriMiles"

            }

            });

          });

          //map.graphics.clear();

          map.infoWindow.hide();

          var graphic = new Graphic(circle, circleSymb);

          map.graphics.add(graphic);

Second try:

var circle;

        function Buffer(evt){

          console.log(evt);

            var selectedRadius = (document.getElementById("Radius"), 'change', function(){

            circle.setRadius(document.getElementById('Radius').value)

            )};

              circle = new Circle({

                center: evt,

                geodesic: true,

                radius: "selectedRadius"

                radiusUnit: "esriMiles"

            }

            });

          });

          //map.graphics.clear();

          map.infoWindow.hide();

          var graphic = new Graphic(circle, circleSymb);

          map.graphics.add(graphic);

HTML Part: creates a drop down box

Choose the radius in Miles

      <select id="Radius">

       

      <option selected="selected">1 Mile</option>

          <option>2 Miles</option>

          <option>3 Miles</option>

          <option>4 Miles</option>

          <option>5 Miles</option>

          </select>

RobertScheitlin__GISP

Manjari,

   Would the value of your Radius select component not be "2 Miles"? How will that be parsed into an int? You need your returned value to only have the integer portion of the selected value before you attempt to parse it to an integer.

var strVal = dom.byId("Radius").value;

var radius = parseInt(strVal.replace(' Miles', ''));

OR better yet define a value attribute in your options list:

<select id="Radius">

      <option selected="selected" value="1">1 Mile</option>

      <option value="2">2 Miles</option>

      <option value="3">3 Miles</option>

      <option value="4">4 Miles</option>

      <option value="5">5 Miles</option>

</select>

and then use this code:

dom.byId("Radius").options[dom.byId("Radius").selectedIndex].value;