javascript
  • php
  • jquery
  • html
  • 2016-08-01 121 views 0 likes 
    0

    如何在多个属性中总结选择选项?任何想法可能是什么问题?选择 - 如何总结使用jQuery的选择选项的值?

    $(document).ready(function() { $('#btn-add').click(function(){ 
        $('#select-from option:selected').each(function() { 
          $('#select-to').append("<option value='"+$(this).val()+"'>"+$(this).text()+"</option>"); 
         $(this).remove(); 
        }); 
    }); 
    $('#btn-remove').click(function(){ 
        $('#select-to option:selected').each(function() { 
         $('#select-from').append("<option value='"+$(this).val()+"'>"+$(this).text()+"</option>"); 
         $(this).remove(); 
        }); 
    
    }); 
    
    $('.select-from option:selected').change(function() { 
    var total = 0 ; 
        $('.select-to option:selected').each(function() { 
         total += parseInt($(this).value()); 
        }); 
           $("input[name=class]").value(total); }); }); 
    

    我有一个多选列表选项

    <select name="selectfrom" id="select-from" multiple size="5"> 
        <option value="1">Item 1</option> 
        <option value="2">Item 2</option> 
        <option value="3">Item 3</option> 
        <option value="4">Item 4</option> 
    </select> 
    
    <a href="JavaScript:void(0);" id="btn-add">Add &raquo;</a> 
    <a href="JavaScript:void(0);" id="btn-remove">&laquo; Remove</a> 
    
    <select name="selectto" id="select-to" multiple size="5"> 
    </select> <input type="text" name="class" value="" /> 
    
    +0

    使用'$(本).VAL()''没有$(这).value的()' – stackoverfloweth

    回答

    0

    请尝试下面的代码。

    $(document).ready(function() { 
     
        
     
    $('#btn-add').click(function(){ 
     
        $('#select-from option:selected').each(function() { 
     
          $('#select-to').append("<option value='"+$(this).val()+"'>"+$(this).text()+"</option>"); 
     
         $("input[name='class']").val(parseInt($(this).val()) + parseInt($("input[name='class']").val())); 
     
        }); 
     
    }); 
     
    $('#btn-remove').click(function(){ 
     
        $('#select-to option:selected').each(function() { 
     
         $('#select-from').append("<option value='"+$(this).val()+"'>"+$(this).text()+"</option>"); 
     
         $(this).remove(); 
     
         $("input[name='class']").val(parseInt($("input[name='class']").val() - parseInt($(this).val()))); 
     
        }); 
     
    
     
    }); 
     
        
     
    });
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
     
    <select name="selectfrom" id="select-from" multiple size="5"> 
     
        <option value="1">Item 1</option> 
     
        <option value="2">Item 2</option> 
     
        <option value="3">Item 3</option> 
     
        <option value="4">Item 4</option> 
     
    </select> 
     
    
     
    <a href="JavaScript:void(0);" id="btn-add">Add &raquo;</a> 
     
    <a href="JavaScript:void(0);" id="btn-remove">&laquo; Remove</a> 
     
    
     
    <select name="selectto" id="select-to" multiple size="5"> 
     
    </select> <input type="text" name="class" value="0" />

    +0

    这是伟大的,谢谢。发挥魅力。如果sum.toFixed 2 .. – Hamara

    0

    您正在使用的.value()代替.val()

    变化total += parseInt($(this).value());total += parseInt($(this).val());$("input[name=class]").value(total);$("input[name=class]").val(total);

    相关问题