Ajax not able to send multiple variable

Question

When I send variable using following ajax function, num and value both variable gets num variable value only. How could I pass different values. Can anyone help me?

<script>
function calculate_rate(num,value)
    {                           
        xmlhttp.onreadystatechange=function()
        {
            if (xmlhttp.readyState==4 && xmlhttp.status==200)
            {
                document.getElementById("costing").innerHTML=xmlhttp.responseText;
            }
        }            
        xmlhttp.open("GET","data.php?num="+num+"&value="+value,true);
        xmlhttp.send();
    }// showHint
</script>

<span id="costing"></span>        

<form>
    <label>Number</label>
    <span>
      <select name="num" onchange="calculate_rate(this.value)">
      <option value="1">1</option>
      <option value="2">2</option>
      <option value="3">3</option>                           
      </select><br />
    </span>  
    <label>Value</label>
    <span>
        <input type="text" name="value"  value="" onchange="calculate_rate(this.value)"  />     
    </span>
</form>

you are only passing one value into the function in both onchange events. — 75inchpianist
– 75inchpianist, Commented Aug 16, 2013 at 13:19

75inchpianist · Accepted Answer · 2013-08-16 13:23:01Z

You are only passing one of the two variables with each call. Try this

function calculate_rate(num,value)
        {                           
                    xmlhttp.onreadystatechange=function()
                    {
                        if (xmlhttp.readyState==4 && xmlhttp.status==200)
                        {
                            document.getElementById("costing").innerHTML=xmlhttp.responseText;
                        }
                    }            
            xmlhttp.open("GET","data.php?num="+num+"&value="+value,true);
            xmlhttp.send();
        }// showHint
</script>




 <span id="costing"></span>        

      <form>
      <label>Number</label>
      <span>
          <select id="num" onchange="calculate_rate(this.value,document.getElementById('value').value))">
          <option value="1">1</option>
          <option value="2">2</option>
          <option value="3">3</option>                           
          </select><br />

        <label>Value</label>
        <span>
        <input type="text" id="value"  value="" onchange="calculate_rate(document.getElementById('num').value,this.value)"  />     
        </span>
       </form>

Collectives™ on Stack Overflow

Ajax not able to send multiple variable

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related