如何根据下拉选择自动点击超链接？答案

【问题标题】：How auto click hyperlink based on dropdown selection?如何根据下拉选择自动点击超链接？
【发布时间】：2019-09-01 21:32:42
【问题描述】：

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

我试过了

$('#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>

【问题讨论】：

您是否尝试调试过您的代码？
learn.jquery.com/events/triggering-event-handlers 应该可以帮到你
或者在你的change事件中使用$("#STSelectedPhase0")[0].click()
有效的@LaljiDhameliya Thanx

标签： javascript c# jquery .net asp.net-mvc

【解决方案1】：

您的问题是触发事件点击，但实际上它返回您的元素。当你看到$("#STSelectedPhase0").trigger('click') 或$("#STSelectedPhase0").click() 都返回你的元素`。

对于自动点击超链接，您应该使用$("#STSelectedPhase0")[0].click()

$("#btngoogle").click(function(){
$("#alink")[0].click()
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<a id="alink" href="https://www.google.com">Test</a>
<input id="btngoogle" type="button" value="Google">

我已将代码放在按钮单击触发器href 上。

如果需要更多信息，请告诉我。 :)

【讨论】：