1

一旦我从下拉列表中选择一个项目,该项目将被放置在里面

  • 标记如下

    下拉项

    html和javascript的代码如下

    <select class="dropDownList" id="PersonFunction">
        <option value="">Choose</option>
        <option value="1">Vice President</option>
        <option value="2">Director</option>
        <option value="3">Secretary</option>
        <option value="4">Clerk</option>
    </select>
    <div class="options">
        <ul>
        </uL>
    </div>
    
    <script type="text/javascript">
    $("#PersonFunction").change(function() {
    
        var val = $("option:selected", $(this)).text();
    var opt1 = '<li id="'+ $(this).val()+'">'+val+ '<a href="#" class="launch" onclick="removeItem(event)"> remove</a></li>';
    
        $('.options ul').append(opt1);
    });
    function removeItem(event){
        disabledEventPreventDefault(event);
    
    }
    </script>
    

    现在我需要在单击删除链接时删除项目,这将触发 removeItem 功能,我该如何执行此操作。尝试了很多方法但没有奏效。谢谢

  • 4

    2 回答 2

    4
    $(".options").on('click', 'a', function (e) {
       $(this).closest('li').remove();
       e.preventDefault();
    });
    

    另一件小事:你可以使用$("option:selected", this). this不需要在选择器中。

    于 2012-10-20T13:24:05.750 回答
    2

    你可以这样做,

    现场演示

    $("#PersonFunction").change(function() {
    debugger
        var val = $("option:selected", $(this)).text();
    var opt1 = '<li id="'+ $(this).val()+'">'+val+ '<a href="#" class="launch" onclick="removeItem(event)"> remove</a></li>';
    
        $('.options ul').append(opt1);
    });
    
    $(document).on("click", ".launch", function(event){      
        $(this).closest('li').remove();
    });​
    
    于 2012-10-20T13:26:57.953 回答