使用/ Jquery从下拉列表中删除/添加基于用户选择的文本

Question

我只需要根据用户从下拉字段中选择的内容，在某些文本的末尾添加一个星号。如果用户从下拉列表中选择了一个选项，则附加星号，如果用户选择第二个选项，则删除星号。我想我需要用jquery来做这个，但是我很难弄清楚我应该使用哪个函数。我试图将星号包装在div中并用Jquery切换div的css显示属性，但这看起来真的很笨重。有没有更好的方法来动态添加/删除文本？

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