Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/89.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 如何使用ul选择下拉列表的值_Javascript_Jquery_Html_Dom_Drop Down Menu - Fatal编程技术网

Javascript 如何使用ul选择下拉列表的值

Javascript 如何使用ul选择下拉列表的值,javascript,jquery,html,dom,drop-down-menu,Javascript,Jquery,Html,Dom,Drop Down Menu,这是我的代码,它没有选择下拉列表的值 我尝试了很多不同的方法,但都没有成功 <div class="container" style="height: 0;"> <ul class="psh__dpdw "> <li class="button-dropdown"> <a class="dropdown-toggle&

这是我的代码,它没有选择下拉列表的值

我尝试了很多不同的方法,但都没有成功

<div class="container" style="height: 0;">
    <ul class="psh__dpdw ">
        <li class="button-dropdown">
            <a class="dropdown-toggle">
                 something <!-- here should be desplayed the dropdown-menu list when i click -->
                 <img src="{{theme_url}}/assets/images/arrow-down.png" alt="arrow-down">
            </a> {{ content:categories category_group_id="57" class="dropdown-menu" id=""}}
            <a href="{{helper:site_url}}something/{{category_id}}/{{url_title}}/{{category_id}}{{entry_id}}" name="alphabet">{{special}}</a> {{ /content:categories }}


            <!--<ul class="dropdown-menu">
                <li>
                  <a href="prosecutor-pr.html">Soemthing</a>
                </li>
                
               
               
               
          </ul> -->
        </li>
    </ul>
</div>


<script>
    $('.dropdown-menu li').find('a').change(function() {
        var dropdown = $(this).closest('.dropdown-toggle');
        var radioname = $(this).attr('name');
        var checked = 'a[name=' + radioname + ']:checked';

        //update the text
        var checkedtext = $(checked).closest('.dropdown-menu li').text();
        dropdown.find('a').text(checkedtext);

        //retrieve the checked value, if needed in page 
        var thisvalue = dropdown.find(checked).val();
        alert(thisvalue);

    });
</script>**

  • {{/content:categories}
$('.下拉菜单li')。查找('a')。更改(函数(){ var dropdown=$(this).closest('.dropdown-toggle'); var radioname=$(this.attr('name'); var checked='a[name='+radioname+']:checked'; //更新文本 var checkedtext=$(选中)。最近('.dropdown menu li')。text(); 下拉列表.find('a').text(checkedtext); //在第页中检索选中的值(如果需要) var thisvalue=dropdown.find(选中).val(); 警报(此值); }); **
单击下拉菜单上的按钮,我想显示按钮部分的值。另外,我正在使用CMS代码,有什么建议吗


如何解决此问题?

首先,您需要使用获取
容器
div,并使用查找获取
下拉切换

而且您对
标记使用了错误的方法,您需要使用而不是像这样进行更改

$('.dropdown-menu li a').click(function() {});
演示

$('.下拉菜单LIA')。单击(函数(){
var dropdown=$(this).closest(“.container”).find(“.dropdown-toggle”);
text($(this.text());
});

  • {{/content:categories}


你能创作小提琴吗?