Question

我有一个选择下拉列表

<select form="orderby" name="order" >
    <option value="name">Name</option>
    <option value="rating">Rating</option>
    <option value="likes">Popularity</option>
    <option value="time">Time</option>
    <option value="cost">Cost</option>
</select>
<select form="orderby" name="sort" >
    <option value="ASC">Ascending</option>
        <option value="DESC">Descending</option>
</select>
<form style="display:inline-block" id="orderby" action="frapnel2.php">
        <input type="hidden" name="city" value="<?php echo $city;?>" />
        <input type="submit" value="Go"/>
</form>

选择选项并点击之后会发生什么？我用新值和我所拥有的内容调用我的页面，但我想摆脱每次按下go。我该怎么做？

Answer 1

最简单的解决方案是向提交表单的onchange元素添加<select>属性。例如：

<select form="orderby" name="order" onchange="form.submit()">

注意：

即使您认为自己不需要，也应该始终有一个提交按钮（在公共网页上）。您无法确定用户浏览器是执行脚本还是正确执行脚本。有些事情比无法提交的网络表格更令人烦恼。

form=...属性是HTML5中的新属性。 Some say IE不支持它。您最好的选择可能是将表单元素放在<form>。

中

使用提交按钮选择选项时，从选择发送数据

1 个答案: