how to submit combo box value with out form using javascript?

Question

I need to submit combo box value with out form. When I click on any value of combo that suppose to submit automatically using javascript. I am using PHP in backend.

<select name="select" id="select" style="width:50px;">
  <option value="25">25</option>
  <option value="50">50</option>
  <option value="100">100</option>
  <option value="All">All</option>
</select>

Are you using any javascript library like prototype or jQuery? — drew010
– drew010, Commented Sep 23, 2011 at 4:04
Have you written any javascript yet for the page? If so, then please include it in the Q. — Larry K
– Larry K, Commented Sep 23, 2011 at 4:14

NilColor · Accepted Answer · 2011-09-23 05:51:21Z

2

Here a js part:

function getinfo() {
  var aList = document.getElementById("select");
  var val = aList.options[aList.selectedIndex].value;

  // document.write("<p>Here what you select: "+val+"</p>");
  // here you can send `val` to the server using... are you using any js library?
}

And you need to change your select declaration:

<select name="select" id="select" style="width:50px;" onchange="getinfo()">
                                                      --------------------
</select>

OK, how to send val to the server is another question... If you are using jQuery - you can use jQuery.ajax(...) or any helper like jQuery.get(...). If you are vanilla-js user you can use XMLHttpRequest way and if you use any other lib - just check this lib's documentation to get helped about sending data to the server.

answered Sep 23, 2011 at 5:51

NilColor

3,5423 gold badges33 silver badges45 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

sharmila · Accepted Answer · 2011-09-23 04:20:52Z

1

You can use the methods below.

1) Use Session or Cookie to send external data

2) Send a POST request using XMLHttpRequest in javascript.Checkout the link here.

3)You can use cURL function to send HTTP POST request. Please go through the link here.

answered Sep 23, 2011 at 4:20

sharmila

1,5335 gold badges23 silver badges43 bronze badges

Comments

Larry K · Accepted Answer · 2011-09-23 04:18:52Z

0

Some comments:

The select element should always be inside a form. But you don't need to expose the form on the page--you do not need to include a submit input element.
You can use Javascript (JS) to submit the form after the user has changed the value of the select.
Or you can use JS with Ajax to submit the form asynchronously in the background--the user will not be aware that the data had been submitted and the page will not reload or "flash"

What would you like to do?

answered Sep 23, 2011 at 4:18

Larry K

49.3k15 gold badges92 silver badges148 bronze badges

Collectives™ on Stack Overflow

how to submit combo box value with out form using javascript?

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related