드롭 다운 상자를 선택하면 포커스를 버튼으로 설정하는 간단한 jquery가 있습니다. 이것은 잘 작동하고 이제 더 이상 작동하지 않는 것으로 나타났습니다.
$("#MainContent_dialogSubProjectPMddlManager").on('change', function (evt, params) {
$("#MainContent_btnSaveDialogSubProjectPM").focus();
return false;
});
드롭 다운 ID는 MainContent_dialogSubProjectPMddlManager
버튼 ID입니다 MainContent_btnSaveDialogSubProjectPM
. 콘솔에서이 모든 것을 확인했습니다. 콘솔에서 포커스를 설정하는 이벤트가 제대로 작동합니다. 하지만 드롭 다운 선택을 할 때 버튼이 초점으로 설정되지 않았습니다.
내가하려는 것은 버튼에 초점을 맞추는 것이므로 사용자가 제출 버튼을 클릭하기 위해 마우스를 가져갈 필요가 없습니다. 이런 식으로 그들은 단순히 Enter 키를 누를 수 있지만 예상대로 작동하지 않으며 이유를 이해할 수 없습니다.
드롭 다운에 대한 마크 업은 다음과 같습니다.
<asp:DropDownList data-placeholder="Select Sub Project..." class="chosen-select" ID="dialogSubProjectPMddlManager" ToolTip="Select Sub Project Manager..." runat="server"
></asp:DropDownList>
버튼의 마크 업 :
<asp:Button ID="btnSaveDialogSubProjectPM" runat="server" OnClick="btnSaveDialogSubProjectPM_Click" Text="Submit" ToolTip="Submit / Save changes?" />
선택한 라이브러리를 사용하고 있지만 중요하지 않습니다. 여기 렌더링 된 html이 있습니다.
<select name="ctl00$MainContent$dialogSubProjectPMddlManager" id="MainContent_dialogSubProjectPMddlManager" title="Select Sub Project Manager..." data-placeholder="Select Sub Project..." class="chosen-select" style="display: none;">
<option value=""></option>
<option value="257">Test, Test</option>
<option value="258">Test2, Test2</option>
</select>
버튼의 경우 :
<input type="submit" name="ctl00$MainContent$btnSaveDialogSubProjectPM" value="Submit" id="MainContent_btnSaveDialogSubProjectPM" title="Submit / Save changes?" class="ui-button ui-widget ui-state-default ui-corner-all" role="button" aria-disabled="false">
최악의 경우 OnChange
클라이언트 이벤트를 시도 할 수 있습니다 DropDownList
.
<asp:DropDownList data-placeholder="Select Sub Project..."
class="chosen-select" ID="dialogSubProjectPMddlManager"
ToolTip="Select Sub Project Manager..."
runat="server"
OnChange="dialogSubProjectPMddlManagerChange()">
<asp:ListItem Text="One" Value="1" />
<asp:ListItem Text="Two" Value="2" />
<asp:ListItem Text="Three" Value="3" />
</asp:DropDownList>
<asp:Button ID="btnSaveDialogSubProjectPM"
runat="server"
OnClick="btnSaveDialogSubProjectPM_Click"
Text="Submit"
ToolTip="Submit / Save changes?" />
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript">
function dialogSubProjectPMddlManagerChange() {
$('#<%= btnSaveDialogSubProjectPM.ClientID %>').focus();
}
</script>
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다