2012-03-29 4 views
0

Я хочу, чтобы пользователь щелкните на поле выбора и, когда выбран любой вариант перенаправления index.php?id={variableId}&itemId={secondVariableId}Multiple значение для выбора поля

Like:

<select name="select"> 
<option value="id=1&itemId=2">One</option> 
<option value="id=1&itemId=3">One</option> 
<option value="id=2&itemId=1">One</option> 
[...] 
</select> 

Но я не могу себе представить, где начать

ответ

2
<select name="select" onchange="window.location='index.php?' + this.value;"> 
    <option value="default">- select -</option> 
    <option value="id=1&itemId=2">One</option> 
    <option value="id=1&itemId=3">One</option> 
    <option value="id=2&itemId=1">One</option> 
    [...] 
</select> 
+0

Ну, я сделал это, проблема в том, как получить два значения, где id - одна переменная, а itemId - другое ' '? –

+0

Вы можете получить переменные в PHP, используя '$ _GET [" id "]' и '$ _GET [" itemId "]'. – Will

+0

Работал хорошо, но мой url появился: 'Itemid = 48% 26id% 3D3', однако мой PHP работает отлично =) (я знаю о GETs = P) –

1

Вы можете использовать функцию onChange(), но, как я помню, не работает должным образом в некоторых версиях IE.

1

Я думаю, что это то, что вы хотите (если я правильно понимаю и предполагаю, что используется jquery).

$("select").on("change", function() { 
    window.location = 'index.php?' + $(this).val(); 
}); 
+0

вы должны использовать select [name = "select"], чтобы указать свой селектор, или у вас могут быть проблемы в некоторых случаях. –

+0

@GuilhermeDaviddaCosta, Да. В моем примере предполагается, что пользователь знает правильный способ использования селекторов jquery. – fehays

+0

Итак, предполагая, что вы просто не хотите тратить 1 секунду, чтобы написать лучший селектор. Затем вы должны написать в конце своего ответа о том, что вы предположили, поэтому человек, который не имеет надлежащих знаний, путается. –

1

Хийя это может помочь: образец демоhttp://jsfiddle.net/5NCQg/34/

Jquery КОДЕКСА

$(document).ready(function() { 
    var url = "http://forum.jquery.com?" // in this case your URL 
$("select#foobar").change(function() { 
     alert('change'); 

     url= url + $(this).val(); 
     alert(url); 

     window.location = url; 


    }); 
});​ 

HTML

<form id="temp1"> 
    <select id="foobar"> 
     <option value="nothing"> --select-- </option> 
    <option value="id=foo&itemid=bar"> click1 </option> 
    <option value="id=foo&itemid=bar"> click2 </option> 
    </select> 
</form>​ 

Чирс!

Смежные вопросы