自定義下拉框,並取值賦值,屬性 text()

---------------------------------------------結構以下--------------------------------------------- ide

<div class="input_box"><span>請選擇</span>
      <div class="input_content">
        <ul>
          <li>花王</li>  
          <li>大王</li>
          <li>尤妮佳</li>
        </ul>
    </div>
  </div> this


---------------------------------------------js以下-------------------------------------------- spa

$(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);

 
  })
  
  }); rem

相關文章
相關標籤/搜索