2014-01-29 38 views
0

我有一些簡單的jquery,當選擇下拉框時,我將焦點設置爲按鈕。這工作正常,現在我發現它不再有效。更改事件設置焦點按鈕突然工作其不是

$("#MainContent_dialogSubProjectPMddlManager").on('change', function (evt, params) { 
    $("#MainContent_btnSaveDialogSubProjectPM").focus(); 
    return false; 
}); 

下拉id爲MainContent_dialogSubProjectPMddlManager按鈕ID是MainContent_btnSaveDialogSubProjectPM。我已經在控制檯中驗證了所有這些。在控制檯中設置焦點的事件工作正常。但是,當我下拉選擇時,該按鈕未設置爲關注焦點。

我想要做的就是把重點放在按鈕上,這樣用戶不必鼠標懸停就可以點擊提交按鈕。通過這種方式,他們可以簡單地按下輸入鍵......但那不是按預期工作,我不明白爲什麼。

這裏有一個下拉的標記:

<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"> 
+0

控制檯出現任何錯誤。 –

+0

在控制檯中沒有錯誤 – JonH

+0

您可以發佈相關的html –

回答

0

最糟糕的情況下,您可以嘗試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>