Question

我有一个HTML下拉列表，我需要能够获取所选选项并稍后在我的代码中返回它：

<select name="quantitySelected" id="quantitySelected" onchange="javascript: getSelected()">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
</select>

我已设法创建一个获取所选选项的javascript但我无法弄清楚如何将该值拉回到我的html中：

<script> 
    function getSelected() {
    var x = document.getElementById("quantitySelected").selectedIndex;
    var y = document.getElementById("quantitySelected").options;
    var selectedItem = y[x].text;
    document.getElementById('SelectedItem').innerHTML = selectedItem;
    }
</script>

然后我尝试在此处返回此值，以便将其发送到我的下一页：

<td><button><a href="Update.php?Quantity=HERE">Update</button></td>

提前感谢您的帮助！

Answer 1

select元素也可能需要添加一个onchange事件处理程序，以便在值改变时调用getSelected函数

Answer 2

我认为您需要做的是从onchange处理程序更新链接的href属性，首先删除您已经拥有的查询字符串然后执行类似的操作。

link = document.getElementById("your link id");
link.href  = link.href + "?Quantity=" +selectedItem;

希望能有效。

将所选选项从下拉列表撤回到HTML

2 个答案: