Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/441.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript,更改组合框中的选定项_Javascript_Html_Drop Down Menu_Combobox_Wai Aria - Fatal编程技术网

Javascript,更改组合框中的选定项

Javascript,更改组合框中的选定项,javascript,html,drop-down-menu,combobox,wai-aria,Javascript,Html,Drop Down Menu,Combobox,Wai Aria,我正在尝试使用javascript更改组合框中的选定项,但它看起来不像HTML中正常的下拉列表。我曾试图在网上找到答案,但只在不同的下拉列表中找到了答案。谢谢所有帮助我的人 代码如下: <span class="widget-wrapper" > <span class="off-screen module-js-ignore" id="dropdown_aria_label_1"> <span>Select Quantity</span> <

我正在尝试使用javascript更改组合框中的选定项,但它看起来不像HTML中正常的下拉列表。我曾试图在网上找到答案,但只在不同的下拉列表中找到了答案。谢谢所有帮助我的人

代码如下:

<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>

选择数量
__
  • __
  • 1
  • 2
  • 3
  • 4
  • dd_模板

使用以下过程:

  • 查找具有属性的元素
    aria selected=“true”
  • 将其
    aria selected=“true”
    更改为
    aria selected=“false”
  • 找到事件的目标
  • 将其
    aria selected=“false”
    更改为
    aria selected=“true”

需要更多解释…您是否正在使用JS更改单击时选择的项目?JS代码在哪里?没有JavaScript。我要问的是,为了在组合框中选择一个项目,JavaScript代码是什么。对于标准下拉列表,我将使用document.getElementById(DROPDOWNLIST的ID);但我不能用我发布的HTML来实现这一点,它似乎使用了一些非标准的下拉列表?这是一个额外的问题,使用JavaScript以编程方式在售票网站的真实下拉列表中选择一个项目。我先用ticketmaster尝试了一下,但在非标准下拉列表中遇到了这个问题。我使用了我之前在另一个票务网站(seetickets)上发表的评论中的代码,它是有效的(我也理解用于创建下拉列表的HTML。但是我对ticketmaster上如何创建下拉列表感到困惑。谢谢:-)这是我所在大学提出的额外问题*