드롭 다운으로 선택된 아이콘을 변경

Question

나는 그것에 소셜 웹 사이트를 구현했습니다. 친구 상태는 선택한 드롭 다운 버튼을 기반으로 변경해야합니다. 나는 내 코드를 추가했다. 적절한 대답을

<div class="dropdown" id="dLabel"> 
    <button class="btn-small btn-default " data-hover="dropdown" data-target="#" href="#"> 

친구

  <li><a tabindex="-1" href="#">Close Friends</a></li> 
     <li><a tabindex="-1" href="#">Notification</a></li> 
     <li><a tabindex="-1" href="#">Acquaintances</a></li> 
     <li class="divider"></li> 
     <li><a tabindex="-1" href="#">Add Another List</a></li> 
     <li><a tabindex="-1" href="#">Suggest Friends</a></li> 
     <li class="divider"></li> 
     <li><a tabindex="-1" href="#">Report/Block</a></li> 
     <li><a tabindex="-1" href="#">Unfriend</a></li> 

내 glyphicon 아이콘이 될 수있는 변화를 제안 해주십시오. 즉, 내 드롭 다운 목록 위에 포함되어 있습니다. 일반적으로 글리프콘 아이콘이 표시됩니다. 친한 친구를 선택하면 아이콘이 glyphicon-star로 변경됩니다. Acquaintances를 선택하면 다른 아이콘이 변경되기를 원합니다. 페이스 북 친구 상태와 같습니다. 친한 친구를 바꿀 때. 노란색 별표를 변경하는 아이콘. 현명한 것처럼 나는 변화하고 싶다 나를 맞는 대답을 제안 해주세요

Answer 1

첫째로, 나는 당신의 질문을 이해했다. 그러나 당신이 당신의 요구를 달성하기를 거부했다. 그러나 당신이 사용하고있는 것은 무엇이든간에 그것은 hwlpful 될 것입니다. 난 당신이 조건 경우에 따라 기반이 드롭 다운 및 코드에 리스너를 추가이

<select id="dLabel"> 
<option value="CloseFriends">Close Friends</option> 
<option value="Notification">Notification</option> 
//....other options as you used in your code 

</select> 

같은 것을 사용하는 것이 좋습니다 것입니다.

$('#dLabel').bind('change', function(e,p) { // bind event listener on that component 
var dat=$(this).val(); //get the value of the selected option 

if(val=='CloseFriends'){ 
    //action 
    } 
    //similarly your other conditions 

     });