Javascript 如何基于下拉选择自动单击超链接？

我希望在下拉列表中选择特定选项时单击特定链接

我试过了

$('#OTST').change(function () {
    if ($('#OTST').val() == "2")
        {
            $("#STSelectedPhase0").trigger('click');
        }
        else if ($('#OTST').val() == "3")
        {
            $("#OTSelectedPhase0").trigger('click');
        }
        else
        {
            $("#AllSelectedPhase0").trigger('click');
        }
});

也试过

 $("#AllSelectedPhase0").click();

但这些都不起作用

这是我的链接代码

@Html.EncodedActionLink("All", "TimeReportingDetails", "TimeReporting", new { companyId = Tlitem.CompanyId, companyWeekEnding = Tlitem.WeekEnding, FileId = Tlitem.FileId, jobId = Tlitem.JobId, jobType = Tlitem.JobType, phaseno = 0, OTST = "" }, new { Id = "AllSelectedPhase0" });

@Html.EncodedActionLink("ST", "TimeReportingDetails", "TimeReporting", new { companyId = Tlitem.CompanyId, companyWeekEnding = Tlitem.WeekEnding, FileId = Tlitem.FileId, jobId = Tlitem.JobId, jobType = Tlitem.JobType, phaseno = 0, OTST = 2 }, new { Id = "STSelectedPhase0" });

@Html.EncodedActionLink("OT", "TimeReportingDetails", "TimeReporting", new { companyId = Tlitem.CompanyId, companyWeekEnding = Tlitem.WeekEnding, FileId = Tlitem.FileId, jobId = Tlitem.JobId, jobType = Tlitem.JobType, phaseno = 0, OTST = 3 }, new { Id = "OTSelectedPhase0" });

下拉列表的代码是：

  <select id = "OTST"  class = "form-control js-select " name="OTST"  >
         <option value="0" selected="selected">All</option>
         <option value="2">ST</option>
         <option value="3">OT</option>
  </select>

全部的
装货单
OT

这里有一个问题，您正在单击触发器事件，但实际上它返回您的元素。 当您看到

$（“#STSelectedPhase0”）.trigger（'click'）

或

$（“#STSelectedPhase0”）。click（）

都返回您的元素“”

对于自动单击超链接，您应该使用

$（“#STSelectedPhase0”）[0]。单击（）


$（“#btngoogle”）。单击（函数（）{
$（“#alink”）[0]。单击（）
});

您是否尝试调试代码？它应该可以帮助您或像
$（“#STSelectedPhase0”）[0]一样使用。在
更改
事件中单击（）
，该事件在@LaljiDhameliya Thanx起作用