自定义下拉框，并取值赋值，属性 text（）

2019独角兽企业重金招聘Python工程师标准>>>

---------------------------------------------结构如下---------------------------------------------

<div class="input_box"><span>请选择</span>
      <div class="input_content">
        <ul>
          <li>花王</li>  
          <li>大王</li>
          <li>尤妮佳</li>
        </ul>
    </div>
  </div>

---------------------------------------------js如下--------------------------------------------

$(function(){ 
      /*下拉展示*/
     $(".input_box").hover(
function () {
 $(".input_content").show();
},
function () {
 $(".input_content").hide();
}
 );
 
   
$(".input_content ul li").hover(
function () {
 $(this).addClass("hover");
},
function () {
 $(this).removeClass("hover");
}
 );
 
 
/*获取值赋值*/
var text_li = $(".input_content ul li")
    text_li.click(function(){
            
     var current_text_li=$(this).text();
 $(".input_box span").text(current_text_li);

 
  })
  
  });

转载于:https://my.oschina.net/u/583531/blog/638655