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

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

1 个答案: