Значение параметра выбора выбора в качестве параметра url для следующей страницы

Question

У меня есть система регистрации, основанная на параметрах url.

Шаг1: У меня есть несколько кнопок, и при нажатии на одну из кнопок будет проходить значение на следующую страницу, где я нахожусь в состоянии получить значение с помощью <?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

Как я должен это сделать? Должен ли я использовать php при нажатии кнопки или jquery?

Благодаря

Answer 1

<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; 
    } 
}); 

Answer 2

Ну, это, возможно, не самый лучший и самый красивый 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>