Jquery가있는 드롭 다운에서 사용자 선택에 따라 텍스트 추가/제거

Question

드롭 다운 필드에서 선택한 사용자의 선택에 따라 일부 텍스트의 끝에 별표를 추가하면됩니다. 드롭 다운에서 사용자 선택 옵션 1을 선택하면 별표가 첨부되고 사용자가 별표보다 두 번째 옵션을 선택하면 별표가 제거됩니다. jquery를 사용하여이 작업을 수행해야한다고 생각하지만 사용해야하는 기능을 파악하는 데 문제가 있습니다. 별표를 div에 랩핑하고 div의 CSS 표시 속성을 Jquery로 토글하려고 시도했지만 정말 어렵습니다. 동적으로 텍스트를 추가/삭제하는 더 좋은 방법이 있습니까?

Answer 1

<select> 
    <option value="1">First option</option> 
    <option value="2">Second option</option> 
</select> 
Some text <span id="asterisk" style="display:none">*</span> 

$(document).ready(function() { 

    // bind to the select's change event 
    $("select").change(function() { 
     if($(this).val() == "2") { 
      $("#asterisk").hide(); 
     } else { 
      $("#asterisk").show(); 
     } 

    // fire the event once when the page loads 
    // so the visible state of the asterisk is based on the selected option 
    }).change(); 
});