Javascript getElementByID（）。innerHTML（）在第二次点击上工作

Question

我在这里有这个代码。选择的索引是我的C＃程序中的文本框。我的问题是在将SelectedIndex的文本传送给函数之前，需要点击两次Show Popup按钮。我真的不知道它是否因为getElementByID（）。innerHTML（）。

<asp:Button ID="Button1" runat="server" Text="Show Popup" 

    OnClientClick="ShowPopUp('#SelectedIndex');" onclick="Button1_Click1" /> 



<script type="text/javascript"> 

    ShowPopUp = function() { 

     var x = document.getElementById('<%=SelectedIndex.ClientID %>').innerText; 

     window.showModalDialog('CopyFiles/'+x, window, 'dialogWidth:800px;dialogHeight:800px;center:yes;resizable:0;status:0;scrollbars:no;menubar:0;titlebar:no;toolbar:0;'); 

    } 

的人？谁能帮我？ ：X预先感谢。

Answer 1

看起来好像是因为选定的索引直到单击按钮并发生回发之后才被设置。而不是使用服务器端变量设置getElementById的值......而是使用javascript获取所选下拉列表的值。

例如。一些代码在javascript中获取所选下拉值。

<select id="ddl"> 
    <option value="1">one</option> 
    <option value="2">two</option> 
</select> 

var myDDL = document.getElementById("ddl"); 
var val = myDDL.options[myDDL.selectedIndex].value; 

---

一些小的调整，你的代码（未测试）。

<asp:Button ID="Button1" runat="server" Text="Show Popup" 
    OnClientClick="ShowPopUp();" onclick="Button1_Click1" /> 

<script type="text/javascript"> 

    function ShowPopUp() 
    { 
     var myDDL = document.getElementById("ddl"); 
     var val = myDDL.options[myDDL.selectedIndex].value;  

     //var x = document.getElementById('ddl').innerText; 

     window.showModalDialog('CopyFiles/' + val, window, 'dialogWidth:800px;dialogHeight:800px;center:yes;resizable:0;status:0;scrollbars:no;menubar:0;titlebar:no;toolbar:0;'); 

    }