Double Select Values for PHP Request

show how to add two values to a php request using select options

HTML

<div>
    <select class="php-options" id='first-choice' name='first-choice'>
         <option value='1-0'>choose</option>
        <option value='1-1'>1-1</option>
       <option value='1-2'>1-2</option>
        <option value='1-3'>1-3</option>
        <option value='1-4'>1-4</option>
      <option value='1-5'>1-5</option>
    </select>
</div>
<div>
    <select class="php-options" id='second-choice' name='second-choice'>
        <option value='2-0'>choose</option>
        <option value='2-1'>2-1</option>
       <option value='2-2'>2-2</option>
        <option value='2-3'>2-3</option>
        <option value='2-4'>2-4</option>
      <option value='2-5'>2-5</option>
    </select>
</div>
<div id="request-url"></div>

CSS

div{margin:20px 10px;}
select{width:120px;}
#request-url{margin-top:80px;color:#ff0000}

JavaScript

$(document).ready(function(){
    //treat your select options with classes,
    //bind change event on each select
    $('.php-options').change(function(e){
        var urlValues = [],
            parameterArgs = "";
        //loop selects to build parameters
        $('.php-options').each(function(i,v){
            var optValue = $(this).val(),
                optId=$(this).attr('id'),
                parameter = ""+optId+"="+optValue;
            urlValues.push(parameter);
        });
        //build parameter string
         parameterArgs =urlValues.join(" ---&--- ");

        //output query
        $('#request-url').text(parameterArgs);        
    });
});