Javascript 获取span类下拉列表值

Javascript 获取span类下拉列表值,javascript,jquery,Javascript,Jquery,我试图从下拉列表中获取范围值。我可以从以下行获取所选值: $(".home_button").click(function(){ alert($('.selected_item.select-school').text()) }); 但问题是它返回span类中的文本。因此,如果用户没有选择一个值,它会返回“selecta School”,这是我想要避免的。如何从li获得确切的id或值并将其放入span类中 <div class="school_area form_item"

我试图从下拉列表中获取范围值。我可以从以下行获取所选值:

   $(".home_button").click(function(){ 
   alert($('.selected_item.select-school').text())
});
但问题是它返回span类中的文本。因此,如果用户没有选择一个值,它会返回“selecta School”,这是我想要避免的。如何从li获得确切的id或值并将其放入span类中

<div class="school_area form_item">
       <span class="glyphicon glyphicon-education item_icon">
         </span>
            <div class="count">
              <span class="selected_item select-school">Select School
              </span>
              <span class="down_icon glyphicon glyphicon-menu-down">
              </span>
            </div>
            <div class="form_item_dropdown">
              <div class="dropdown_wrapper">

                <li class="school" onclick="dropdown(this)">
                  <span class="icon glyphicon glyphicon-education">
                  </span>
                  <span id="1" class="school_title item_title">ABC
                  </span>
                </li>
                <li class="school" onclick="dropdown(this)">
                  <span class="icon glyphicon glyphicon-education">
                  </span>
                  <span id="2" class="school_title item_title">EFG
                  </span>
                </li>
                <li class="school" onclick="dropdown(this)">
                  <span class="icon glyphicon glyphicon-education">
                  </span>
                  <span id="3" class="school_title item_title">WOW
                  </span>
                </li>
              </div>
            </div>
       </div>

    <button class="home_button">Store
    </button>
你可以这样做:

$'.home_按钮'。在“单击”时,functionevent{ 违约事件; $'li.school>.school\u title.activated'。每个函数{ console.log$this.attr'id'; }; }; $'li.school>.school\u title'。单击,函数{ $this.toggleClass“已激活”; }; .激活{ 背景颜色:绿色; } 选择学校 基础知识 EFG 哇!
Store为了可伸缩性,我对HTML进行了一些重构。现在,代码扫描.form_item_下拉列表,然后将表单中的输入设置为上次单击的li

$.form\u item\u下拉列表li.clickfunction{ $this.closest.form_item_下拉列表.childreninput.first.val$this.attrvalue; }; $.home_按钮。单击功能e{ e、 防止违约; console.log$myFrom.serialize; } 选择学校 基础知识 EFG 哇! 百货商店
它下面有一个按钮,所以当我试图提交表单时,我需要该值。@User57您的评论是本页上唯一提到按钮的内容。在什么下面?看起来怎么样?@User57好吧,那真的不行。你谈论表格,但你没有表格。您可能需要使用或,并且应该在表单中。取决于您是否只能添加一个或多个学校。。。