添加取消按钮以及所选值以删除意外添加的值

Question

我创建了一个多个选定的下拉框和一个按钮。如果您选择多个值并单击按钮，则将在其下显示。我的jQuery代码是这样的：

$('#example-inheritButton').multiselect({
    inheritClass: true
});
jQuery('#int_btn').click(function(){
    var myData = {};
    jQuery( ".tole_int option:selected" ).each(function(i,e) {
        myData[e.value] = e.innerHTML;
    });
    jQuery.ajax({
        url:"<?php echo site_url().'/interests-with-stars'; ?>",
        data:{myData: myData}
    }).done(function(data){
        jQuery('.int_div').html(data);
    });
}); 

现在，我想在所选值中添加取消按钮以删除意外添加的值。那么我必须编写哪些代码？

注意：我想在不删除的取消按钮时取消选中该值。

Answer 1

您需要在php代码中添加按钮：

<?php
if(isset($_POST["myData"]))
{
    $array = $_POST["myData"];
    foreach ($array as $i => $value) {
        echo '<div>'.$array[$i].'<input type="button" value="Delete" class="delete" id="'.$array[i].'"></div>';
    }
}
?>

您需要在jQuery中添加它：

$(".delete").live("click",function(e){
    e.preventDefault();
    var id=$(this).attr("id");
    $(".tole_int option[value='"+id+"']").prop("selected", false);
});