Question

在下面我有一个带有员工姓名的div，并且为他们分配了一个等级，我的问题是我已经获得getgrade_values函数中所有选定值的empid。使用jquery如何获取下拉框的ID及其值，在单击evaluate函数时选择值

  function getgrade_values(empid)
  {
           var ele='<select id="'+ empid +'" name="emp" style="width:40px;margin:0px 0pt;" >';
           ele +=  '<option value=""></option>';
           ele +=  '<option value="A">A</option>';
           ele +=  '<option value="B">B</option>';
           ele +=  '<option value="C">C</option>';
           ele +=  '<option value="D">D</option>';
           ele +=  '<option value="E">E</option>';
           ele +=  '<option value="F">F</option>';
           ele += '</select>';
        return ele;
  }


  function sendparams(data)
  {
        if(data.status == 1)
        {

           var ele='<tr id="std"><td><b>Evaluate:</b></label>&nbsp;&nbsp;&nbsp;&nbsp;</td></tr>';
           for(var l=0;l<data.emparr.length;l++)
           {
              ele +=  '<tr><td><div id="'+ data.emparr[l].id +'">' + data.emparr[l].name + "</td><td>" + getgrade_values(data.emparr[l].id) + '</div></td></tr>';
           ele+= '<input type="button" value="Evaluate" onclick="evaluate();"';
           }

   }

Answer 1

var select = $('select[name="emp"]')
var empId = select.attr('id')
alert('empId = '+empId)
select.children('option:selected').each(function() {
    alert('grade selected = ' + $(this).val())
})

DEMO：http://jsfiddle.net/hdTEP/

Answer 2

目前，您将拥有id="<employeeId>"的2个元素。由于ID在整个页面中应该是唯一的，因此您应该考虑附加您要表示的元素类型，例如id="<employeeId>_gradeInput"作为成绩下拉列表。接下来，对于每个用户，您似乎都有一个提交成绩的按钮。我会使用与该按钮关联的员工ID调用evaluate。

function getgrade_values(empid){
    var ele='<select id="'+ empid +'_gradeInput" name="emp" style="width:40px;margin:0px 0pt;" >';
    ..//Remaining code
}

function sendparams(data) {
if (data.status == 1) {
    var ele = 
        '<tr id="std">' + 
            '<td>' + 
                '<b>Evaluate:</b>' + 
            '</td>' + 
        '</tr>';
    for (var l = 0; l < data.emparr.length; l++) {
        var employeeId = data.emparr[l].id;
        ele += 
            '<tr>' +
                '<td>' +
                    '<div id="' + employeeId  + '_divContainer">' +
                        data.emparr[l].name +
                    '</div>' 
                '</td>' +
                '<td>' + 
                    getgrade_values(employeeId)
                '</td>' +
            '</tr>';
        ele += '<input type="button" value="Evaluate" 
                    onclick="evaluate(' + employeeId + ');"';
    }
}

function evaluate(employeeId){
    var gradeValue = $('#' + employeeId + '_gradeInput').val();
    ..//Your other evaluate code here
}

获取下拉框属性

2 个答案: