Question

Buenas he creado una opción con drag and drop para que seleccione los impuestos que desean pagar. El valor que se encuentre dentro del div inicial, debería tener un valor false y los que están en el div de impuestos a incluir en True. ya que los guardo con una clase booleana dentro de la base.
esto es lo que tengo hecho al momento en html

                                <div class="col-md-12">  
                                    <p><b>A Incluir:</b><p>

                                    <div class="choice">
                                        <p draggable="true" name="tax_wather_condition" value="">Agua</p>
                                        <p draggable="true" name="tax_sewers_condition" value="">Cloacas</p>
                                        <p draggable="true" name="tax_electricity_condition" value="">Electricidad</p>
                                        <p draggable="true" name="tax_expenses_condition" value="">Expensas</p>
                                        <p draggable="true" name="tax_gas_condition" value="">Gas</p>
                                        <p draggable="true" name="tax_real_state_condition" value="">Inmobiliario</p>
                                        <p draggable="true" name="tax_tasa_condition" value="">Tasa Mun.</p>
                                        <p draggable="true" name="othertax" value="">Otros Varios</p>
                                    </div>
                                </div>
                                <div class="col-md-12">  
                                    <p><b>Incluidos:</b><p> 
                                    <div class="choice incluidos" id="incluidos"></div>
                                </div>

y en JavaScript

<script type="text/javascript">
    //impuestos
    var p = document.getElementsByTagName('p');
    var choice = document.getElementsByClassName('choice');
    var dragItem = null;
    for(var i of p){
        i.addEventListener('dragstart', dragStart);
        i.addEventListener('dragend', dragEnd);
    }
    function dragStart(){
        dragItem = this;
        setTimeout(()=>this.style.display = "none",0);
        setTimeout(()=>this.attr.value = "",0)
    }
    function dragEnd(){
        setTimeout(()=>this.style.display = "block",0);
        **setTimeout(()=>this.attr.value = "True",0);**
        dragItem = null;
    }
    for(j of choice){
        j.addEventListener('dragover', dragOver);
        j.addEventListener('dragenter', dragEnter);
        j.addEventListener('dragleave', dragLeave);
        j.addEventListener('drop', Drop);
    }
    function Drop(){
        this.append(dragItem);
    }
    function dragOver(e){
        e.preventDefault();
        this.style.border = "2px dotted cyan";

    }
    function dragEnter(e){
        e.preventDefault();
    }
    function dragLeave(){
        this.style.border = "none"; 
    }
</script>

he probado con this.attr.value pero no funciona. Alguna idea? Cada uno de estos elementos luego los guardo por el name en la base de datos.