将控制权作为参数传递给javascript函数

我试图将控件的id传递给一个javascript函数，该函数将它的值（控件是一个文本框）添加到列表框中，但显然我没有理解它，是否有人请纠正我。将控制权作为参数传递给javascript函数

谢谢。

<input type="button" ID="btnAddtoLstBox" value="" title="Add this to the list" onclick="javascript:addToList(document.getElementById(btnAddtoLstBox));" 
class="ui-icon ui-icon-refresh ui-corner-all" style="width: 20px; height: 20px; background-position: -64px 80px" /> 

    // scripts to add list items 
     function addToList(varTxtBox) { 

       // get the list box 
       var lb = document.getElementById("uilstMemTypeTier"); 

       // get the text to add 
       var toAdd = varTxtBox.value; 

       if (toAdd == "") return false; 

       // look for the delimiter string. if found, alert and do nothing 
       if (toAdd.indexOf(delim) != -1) { 
        alert("The value to add to the list cannot contain the text \"" + delim + "\" as it is used as the delimiter string."); 
        return false; 
       } 

       // check if the value is already in the list box 
       for (i = 0; i < lb.length; i++) { 
        if (toAdd == lb.options[i].value) { 
         alert("The text you tried to add is already in the list box."); 
         return false; 
        } 
       } 

       // add it to the hidden field 
       document.getElementById("<%=uihdnlistBasedFieldsListItems.ClientID%>").value += toAdd + delim; 

       // create an option and add it to the end of the listbox 
       lb.options[lb.length] = new Option(toAdd, toAdd); 

       // clear the textfield and focus it 
       varTxtBox.value = ""; 
       varTxtBox.focus(); 
      }

来源

2011-09-27 k80sg

您是否收到错误？哪一位不工作？ – ipr101

另外，delim是否在封闭范围内定义和定义？ – alh84001

变化onclick="javascript:addToList(document.getElementById(btnAddtoLstBox));"到onclick="addToList(document.getElementById('btnAddtoLstBox'));"或onclick="addToList(this);"

来源

2011-09-27 08:27:06 hungryMind

感谢您的推动！ – k80sg

对于<％= id.ClientID％>呢？ – 2014-05-13 04:55:34

如果您使用的控制事件处理程序可以提供this，它是控制：

onclick="addToList(this)"

代码：http://jsfiddle.net/ARBHj/

来源

2011-09-27 08:15:53 Samich

你也可以以下面的方式去做 -

<body> 
<form id="form1" runat="server"> 
<div id="div1" style="height:100px; width:192px; background-color:red;"> 

</div> 
<br /> 
<div id="div2" style="height:100px; width:192px; background-color:green; display:block"> 

</div> 
<br /> 
    <asp:Button runat="server" Text="Change color" id="btnColor" OnClientClick="javascript:return changeColor();"/> 
    <asp:Button Text="Hide 1st" runat="server" ID="btnHide1st" OnClientClick="javascript:return hideDiv('div1');"/> 
    <asp:Button Text="Hide 2nd" runat="server" id="btnHide2nd" OnClientClick="javascript:return hideDiv('div2');"/> 
</form>

希望这可以帮助你。

来源

2015-05-12 11:01:30 ShaileshDev

将控制权作为参数传递给javascript函数

回答

相关问题