ansaurus

Question

PHP: on select change, post form to self

Answer 1

+2 A:

This is a <select> that will submit the parent form

<form method="post" action="#" name="myform">
    <select name="x" onchange="myform.submit();">
        <option value="y">y</option>
        <option value="z">z</option>
    </select>
</form>

All you have to do is give a name to your <form> and add the onchange event to your <select>...

Adam is right. While the example above works perfectly, I would do it like this:

Using jQuery but there are many other options available...

<head>
<script type="text/javascript" src="jquery.js"></script>
<script>
    $(document).ready(function(){
        $('#mySelect').change(function(){
            myform.submit();
        });
    });
</script>
</head>

and the form

<body>
<form method="post" action="" name="myform">
    <select name="x" id="mySelect">
        <option value="y">y</option>
        <option value="z">z</option>
    </select>
</form>
</body>

acmatos 2010-10-20 09:10:43

Note that while this is the core way to do it, it's not semantic code - the onchange should be abstracted to the document head or an external script using a dom load event such as jquery `$(document).ready`

adam 2010-10-20 09:14:28

Answer 2

+1 A:

a quick fix is this:

Add an onchange attribute to your selectlist

<select name="bmsid" onchange="javascript: form.submit();">

PHPology 2010-10-20 09:13:47

Answer 3

+1 A:

Change your select menu to this:

<select name="bmsid" onchange="document.forms['changebmsid'].submit()">

Update

Here's another possible approach:

<script type="text/javascript">
    window.onload = function() {
        document.forms['myform'].addEventListener('change', function() {
            this.submit();
        }, true);
    };
</script>

Put that anywhere on your page, and you can leave you form as it is.

mellowsoon 2010-10-20 09:15:23

ansaurus

tags:

views:

answers:

PHP: on select change, post form to self

related questions