使用javascript函数在url执行下拉选项/按钮

using javascript function in url to execute drop down option/button

本文关键字：选项 按钮 执行 javascript 函数 url 使用      更新时间：2023-09-26

是否可以通过url传递值，以便从下拉菜单中执行选择?

例如，如果我想从这个页面的下拉菜单中选择National League，我可以通过URL传递值来重载新页面而不单击它吗?

从我所看到的，当你选择国家联赛的javascript函数_doPostBack(....){...}被调用。

如果你仔细观察，当<select>的change事件被触发时，_doPostBack被调用。

当元素的值发生变化时触发一个change事件。对于<input type=text>，当文本发生变化并且元素失去焦点时触发。(例如，输入一些内容并tab out)

对于<select>，当选择改变时发生这种情况。

如果你有

<select id="gender">
    <option value="f"> Female </option>
    <option value="m"> Male </option>
    <option value="n"> Prefer not to say </option>
</select>

您可以通过以下方式之一为更改事件附加事件处理程序:

<select id="gender" onchange="genderChanged()">
    <option value="f"> Female </option>
    <option value="m"> Male </option>
    <option value="n"> Prefer not to say </option>
</select>

或

部分:

window.onload = function()
{
   document.getElementById("gender").onchange = genderChanged;
}

(jQuery和其他javascript框架使这更简单)

genderChanged是你想在选择改变时调用的函数(你写的and)。

如果你的genderChanged看起来像

function genderChanged()
{
    var newGender = document.getElementById("gender").value;
    alert("Changed to : "+newGender);
}

此值可以通过传统的表单提交(提交包含<select>的<form>)，通过url或通过Ajax提交给服务器。

相关文章：