Javascript，更改组合框中的选定项目

我正在尝试使用javascript更改组合框中的选定项目，但它看起来不像HTML中正常类型的下拉列表。我试图在网上找到答案，但只发现他们的不同类型的下拉列表。感谢任何帮助我的人。Javascript，更改组合框中的选定项目

下面是代码：

<span class="widget-wrapper" > 
<span class="off-screen module-js-ignore" id="dropdown_aria_label_1"> 
<span>Select Quantity</span> 
<!--[if lte IE 8]><span class="dropdown-ie-value module-js-ignore">__</span><![endif]--> 
</span> 
<span class="widget-theme margin10R " id="quantity_select" style="" role="application"> 

<span tabindex="0" class="widget-dropdown module-js-ignore" role="combobox" aria-expanded="false" aria-labelledby="dropdown_aria_label_1" aria-describedby="dropdown_current_value_1" aria-valuetext="__" aria-owns="dropdown_aria_list_1" aria-haspopup="true"><!--[if lte IE 7]><span class="off-screen dropdown-ie-value module-js-ignore">__</span><![endif]--><span><b><b class="widget-default-color dropdown-selected-label module-js-ignore" style="" aria-live="assertive" id="dropdown_current_value_1" role="status">__</b></b></span></span> 
<div class="dropdown-options-form " style="display:none;position:absolute;z-index:100"> 

<ul class="widget-dropdown-list module-js-ignore" id="dropdown_aria_list_1" role="listbox"> 



    <li tabindex="0" class=" dropdown_default_option " role="option" aria-disabled="false" aria-selected="true" data-value=""><span class="dropdown_option_text dropdown_option_selected_text">__</span></li> 


    <li tabindex="0" class="" role="option" aria-disabled="false" aria-selected="false" data-value="1"><span class="dropdown_option_text dropdown_option_selected_text">1</span></li> 


    <li tabindex="0" class="" role="option" aria-disabled="false" aria-selected="false" data-value="2"><span class="dropdown_option_text dropdown_option_selected_text">2</span></li> 


    <li tabindex="0" class="" role="option" aria-disabled="false" aria-selected="false" data-value="3"><span class="dropdown_option_text dropdown_option_selected_text">3</span></li> 


    <li tabindex="0" class="" role="option" aria-disabled="false" aria-selected="false" data-value="4"><span class="dropdown_option_text dropdown_option_selected_text">4</span></li> 


    <li tabindex="0" class="" role="option" aria-disabled="false" aria-selected="false" data-value="dd_template"><span class="dropdown_option_text dropdown_option_selected_text">dd_template</span></li> 


</ul> 

</div>

来源

2013-02-07 Yarn Plaukson

需要更多的解释...... – Pratik

是否使用JS改变上单击选定的项目吗？ JS代码在哪里？ –

没有JavaScript。我在问什么JavaScript代码是为了选择组合框中的项目。使用标准的下拉列表，我会使用document.getElementById（ID_OF_DROPDOWNLIST）.selectedIndex = 3;但我不能用我发布的HTML做这件事，它似乎使用了一些非标准的下拉列表？ –

使用以下过程：

找到与该属性的元素aria-selected="true"
更改其aria-selected="true"到aria-selected="false"
找出事件的目标
改变其aria-selected="false"到aria-selected="true"

来源

2013-10-18 23:59:36

Javascript，更改组合框中的选定项目

回答

相关问题