如何使用css (抽动图标)显示成功

Question

我创造了动态下拉

• 使用第一个选定的值加载第二个下拉列表
• 现在我需要的是在第一个下拉菜单旁边显示下面的css(tic图标)

代码

<span id="checkmark">
        <div id="circle"></div>
        <div id="stem"></div>
        <div id="kick"></div>
    </span>

CSS在JSfiddle中添加。

和全小提琴手

我需要这样，当第二次下降加载时，我需要像这样的输出

​

Answer 1

你可以把它做成这样的http://jsfiddle.net/4yL0871f/2/

密码

$(function () {
     $("#text-one").change(function () {
         $("#checkmark").css({display: 'inline-block'});
         $("#text-two").show();
         $("#text-two").load("textdata/" + $(this).val() + ".txt");
     });
 });

HTML

<div id="page-wrap">
     <h1>Pulls from text files</h1>

    <div class="select-wrap">
        <select id="text-one">
            <option selected value="base">Please Select</option>
            <option value="beverages">Beverages</option>
            <option value="snacks">Snacks</option>
        </select> 
        <span id="checkmark">
            <div id="circle"></div>
            <div id="stem"></div>
            <div id="kick"></div>
        </span>

    </div>
    <select id="text-two" style="display :none">
        <option>Please choose from above</option>
    </select>
</div>