使用Javascript访问Ajax ComboBox下拉按钮 [英] Access Ajax ComboBox DropDown Button with Javascript

问题描述

亲爱的所有人，我正在尝试从Javascript访问Ajax ComboBox下拉按钮，但是我能够访问文本框，而不是下拉按钮.

我很想知道，有没有办法从javascript访问Ajax ComboBox控件的下拉按钮?
下面是页面来源.

 <   div     id   ="    类  ="  <  表    ="   ctl00_ContentPlaceHolder1_cmbSDURN_Table" 类   ajax__combobox_inputcontainer"   单元格间距  ="  0" 单元格填充   0"  border   ="    样式  ="  <   tr  > 
            <   td     ="   ajax__combobox_textboxContainer" <    名称  ="    类型  =" 文本" 值  ="     ="   ctl00_ContentPlaceHolder1_cmbSDURN_TextBox"  onblur   返回validateItemExists(this);"  onkeydown   返回gotoNext(事件)；"  onfocus   ="  自动完成     / >  <  /td  >   td   class   ="  >  <  按钮    id   ="  类型  ="    样式  ="  visibility:hidden;" "><  /button  >  <  /td  > 
        <  /tr  > 
    <  /table  >  <   ul     ="   ctl00_ContentPlaceHolder1_cmbSDURN_OptionList" 类  ="    样式  =" 显示:无；可见性:隐藏；" <   li  > -选择SDURN -<  /li  >  <   li  >  221089 <  /li  >   li  <  >  <   li  >  241089 < ;  /li  >   li  <  /li  >  < ;   li  >  261089 <  /li  >  <   li  >  281089 <  /li  >  <   li  >  341089 <  >   li  >  531189 <  /li  >  <  >  561189 /li  <  >  621189 <  /li  >  <   li  >  641189 <  /li  >  <   li  >  651189 <  /li  > 
    <  /ul  >  <  输入    ="  隐藏" 名称  ="   id    ctl00_ContentPlaceHolder1_cmbSDURN_HiddenField" 值  ="    > 
<  /div  >  

我正在使用下面的javascript函数来查找Ajax ComboBox中的所有元素，但它只为我提供了两个元素，即TextBox和Hidden Field.

我正在寻找如何将JavaScript事件添加到ajax comboBox的按钮控件中.

解决方案

ContentPlaceHolder1

cmbSDURN

文本框" 类型 文本" 值 =" id =" onblur =" onkeydown =" 聚焦 =" 自动完成 =" / > < /td > < td 类 =" < =" ctl00_ContentPlaceHolder1_cmbSDURN_Button" 类型 =" =" visibility:hidden;" < > /td < /tr > < /table > < ul =" ctl00_ContentPlaceHolder1_cmbSDURN_OptionList" 类 =" 样式 =" 显示:无；可见性:隐藏；" < li > -选择SDURN -< /li > < li > 221089 < /li > li < > < li > 241089 < ; /li > li < /li > < ; li > 261089 < /li > < li > 281089 < /li > < li > 341089 < > li > 531189 < /li > < > 561189 /li < > 621189 < /li > < li > 641189 < /li > < li > 651189 < /li > < /ul > < 输入 =" 隐藏" 名称 =" <div id="ctl00_ContentPlaceHolder1_cmbSDURN" class="WindowsStyle"> <table id="ctl00_ContentPlaceHolder1_cmbSDURN_Table" class="ajax__combobox_inputcontainer" cellspacing="0" cellpadding="0" border="0" style="border-width:0px;border-style:None;border-collapse:collapse;"> <tr> <td class="ajax__combobox_textboxcontainer"><input name="ctl00$ContentPlaceHolder1$cmbSDURN$TextBox" type="text" value="241089" id="ctl00_ContentPlaceHolder1_cmbSDURN_TextBox" onblur="return validateItemExists(this);" onkeydown="return gotoNext(event);" onfocus="focusAndSelect(this);" autocomplete="off" /></td><td class="ajax__combobox_buttoncontainer"><button id="ctl00_ContentPlaceHolder1_cmbSDURN_Button" type="button" style="visibility:hidden;"></button></td> </tr> </table><ul id="ctl00_ContentPlaceHolder1_cmbSDURN_OptionList" class="ajax__combobox_itemlist" style="display:none;visibility:hidden;"> <li>-Select SDURN-</li><li>221089</li><li>231089</li><li>241089</li><li>251089</li><li>261089</li><li>281089</li><li>341089</li><li>531189</li><li>561189</li><li>621189</li><li>641189</li><li>651189</li> </ul><input type="hidden" name="ctl00$ContentPlaceHolder1$cmbSDURN$HiddenField" id="ctl00_ContentPlaceHolder1_cmbSDURN_HiddenField" value="3" /> </div>

I am using bellow javascript function to find out all elements within Ajax ComboBox but it only provides me two elements, TextBox and Hidden Field.

I am looking how can i add javascript event to the button control of ajax comboBox.

解决方案

ContentPlaceHolder1

cmbSDURN

TextBox" type="text" value="241089" id="ctl00_ContentPlaceHolder1_cmbSDURN_TextBox" onblur="return validateItemExists(this);" onkeydown="return gotoNext(event);" onfocus="focusAndSelect(this);" autocomplete="off" /></td><td class="ajax__combobox_buttoncontainer"><button id="ctl00_ContentPlaceHolder1_cmbSDURN_Button" type="button" style="visibility:hidden;"></button></td> </tr> </table><ul id="ctl00_ContentPlaceHolder1_cmbSDURN_OptionList" class="ajax__combobox_itemlist" style="display:none;visibility:hidden;"> <li>-Select SDURN-</li><li>221089</li><li>231089</li><li>241089</li><li>251089</li><li>261089</li><li>281089</li><li>341089</li><li>531189</li><li>561189</li><li>621189</li><li>641189</li><li>651189</li> </ul><input type="hidden" name="ctl00

这篇关于使用Javascript访问Ajax ComboBox下拉按钮的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！