將選擇選項值作為url參數傳遞給下一頁

Question

我有基於url參數的自定義注冊系統。

步驟1：我有一些按鈕，當您單擊其中一個按鈕時，它將值傳遞到下一頁，在這里我可以使用<?php echo $_GET['step1'];?> （ <?php echo $_GET['step1'];?> ）

步驟2：我只想使用兩個選擇框（不想在此處使用表單），然后在<a>單擊“我想將該選擇傳遞給url”。

這是我的代碼：

<select name="gender">
    <option value="male">Male</option>
    <option value="female">Female</option>
</select>

<select name="color">
    <option value="red">Red</option>
    <option value="blue">Blue</option>
</select>

<a href="http://domain/step1/step2?step1=<?php echo $_GET['step1'];?&SELECTboxVALUES>">Next</a>

所以這是我想傳遞到下一頁的內容：

http：// domain / step1 / step2 / step3？parameterfromstep1 = something＆gender = male＆color = red

我應該怎么做？ 我應該在按鈕單擊或jquery上使用php嗎？

謝謝

Answer 1

好吧，這也許不是最好或最漂亮的approuch，但我認為以下代碼將為您服務：

<select name="gender">
    <option value="male">Male</option>
    <option value="female">Female</option>
</select>

<select name="color">
    <option value="red">Red</option>
    <option value="blue">Blue</option>
</select>

<a href="http://domain/step1/step2/step3?step1=<?=$_GET['step1'];?>" id="nextButton">Next</a>

<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>

<script>
$(document).on('click', '#nextButton',function( event ) {

    // Stop default action
    event.preventDefault();

    window.location.href = $(this).attr('href') + '&gender='+$('select[name="gender"] option:selected').text() 
                                     + '&color='+$('select[name="color"] option:selected').text();


});
</script>

Answer 2

<a id="next" href="http://domain/step1/step2?step1=<?php echo $_GET['step1'];?&SELECTboxVALUES>">Next</a>

使用以下代碼

$('#next').on('click', function(e){
    e.preventDefault();
    var url = $(this).attr('href');
    var gender = $('[name="gender"]').val();
    var color = $('[name="color"]').val();
    if( gender && color ){
        window.location.href = url+'?&'+gender+color;
    }  
});