如何从具有相同类的不同选择类型中选择值并获取其值

时间:2017-05-19 15:48:12

标签: javascript jquery

我正在使用上面的代码设计选择类型和复选框,现在我想获得每个选择类型的值并添加它们并在文本框中显示结果。

success: function(data) {
  //console.log(data.students);

  var student = "";
  $.each(data.students, function(key, value) {
    student += value +'<input type="checkbox" name="' + value + '" value="' + key + '">Months <select name="amount" class="month" onChange="add();"><option value="">Select months</option><option value="1">1</option><option value="3">3</option><option value="6">6</option><option value="12">12</option></select>';
  });

  student += 'Total Amount <input  type="text" value"" id="total">';
  student += '<button type="submit" > Pay</button>';
  $('#hide').hide();
  $('#student-list').show().html(student);
},

和我的休息代码

function add(){

         //var value = ($(this).find("option:selected").text());
      // var value= $("option:selected" ).text();
    //  var  value= $(".option :selected").val();


        var value= $(".month :selected").val();
        sum(value);
        //var val   =$(this).val();
        //alert(value);

    }   

    function sum(value){

        var total=0;

        total=value*1000;

        alert(total);
        //$('#total').val(total);

    }

2 个答案:

答案 0 :(得分:0)

不确定这是否有效但请尝试

$(".month option:selected").each(function(){
    console.log($(this).val())
});

答案 1 :(得分:0)

为什么不通过这个?

onChange="add(this);"

function add(this){
   var value = this.value; 
}