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

Posted 2023-05-09

【中文标题】如何根据下拉选择自动点击超链接？

【英文标题】：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

【参考方案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 上。

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