选择字段的多个值

时间:2012-03-29 18:25:13

标签: javascript jquery html

我希望用户点击选择框,何时选择任何选项重定向到index.php?id={variableId}&itemId={secondVariableId}

像:

<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>

但是,我无法想象从哪里开始

5 个答案:

答案 0 :(得分: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>

答案 1 :(得分:1)

您可以使用“onChange()”函数,但在某些版本的IE中无法正常工作,我记得。

答案 2 :(得分:1)

我认为这就是你想要的(如果我正确理解并假设正在使用jquery)。

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

答案 3 :(得分:1)

您可以做的是在select标签中添加选项multiple = yes。回发后,它将在一个数组中。以下是您可以测试的好示例:http://www.w3schools.com/tags/tryit.asp?filename=tryhtml_select_multiple

答案 4 :(得分:1)

Hiya这可能有所帮助:示例演示 http://jsfiddle.net/5NCQg/34/

Jquery COde

$(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>​

干杯!