PHP：通过选择中的URL更改表单的页面操作

Question

hy, i have a problem with a form. i know the question is simple but i can not have a solution. Well, this is my form:

<form id="search" method="post" action="cerca_redirect2.php" >

 <select id="tipo" name="tipo"class="chzn-select" style="width:165px;" tabindex="1"  >

 <option value="http://case.vortigo.it/vendita-immobili/index.php"> Vendita</option>
 <option value="http://case.vortigo.it/affitto-immobili/index.php">Affitto</option>

 </select>

      <input id="field" name="field" type="text" value=""/>
        <input id="submit" type="submit" value="" />
    </form>

my goal is when i select "Vendita" and i submit the form i have to go to the url in the select "Vendita", for each select. someone can help me? thanks

Answer 1

In the server side php code, do something like this

if (isset($_POST['tipo']) && !empty($_POST['tipo']))
{
   header('Location: ' . $_POST['tipo']);
}

Note: This is a very basic version, you will want to ensure the url is valid by either maintaining a list of urls on the server, or something similar.

Answer 2

有很多不同的方法，但是您可以例如使用以下方式：请参阅表单定义中的onsubmit部分

<form id="search" method="post" action="cerca_redirect2.php" onsubmit="this.action=document.getElementById('tipo')[document.getElementById('tipo').selectedIndex].value" >

Answer 3

You want to change the action of the form based on the select? The following should be along the lines of what you want.

$('#tipo').on('change', function() {
    var newAction = this.val();
    $('#search').prop('action', newAction);
}

UPDATE

You will want to wrap this code in $(document).ready() so that the event will be registered after the DOM has been loaded.

Like so:

$(document).ready(function() {
    $('#tipo').on('change', function() {
        var newAction = this.val();
        $('#search').prop('action', newAction);
    }
});

Answer 4

If I understan your question correctly, you need a way to change the action value to the selected option's value

this is how to do that

$(document).ready(function(){
    $("#tipo").on("change", function(){
        $("#search").attr("action", $(this).val());
    });
});

DEMO: http://jsfiddle.net/6ybMP/