从动态创建的html中获取选定的值

时间:2014-01-14 13:07:44

标签: jquery

如何在submitSkills上获取选定的值 我在我的javascript中添加选项值

  $('#tabpage_4').append("<div class='side-by-side clearfix'><table><tr><td><h3>Skills & Expertise  :</h3></td><td id='skillstd'><select data-placeholder='Type skills here'  multiple class='chosen-select' style='width:300px;' tabindex='18' id='multiple-label-example'></select></td></tr></table><div style='padding-left:23%;padding-top:3%;'><input type='button' class='gblredbutton' value='Save' onclick='javascript:submitSkills(event);'/></div></div>");

function submitSkills(e){
    var skillID=$(e).attr("id");
    alert(skillID);

} 

2 个答案:

答案 0 :(得分:1)

$('#multiple-label-example').val()

答案 1 :(得分:0)

您正在尝试获取事件的属性,而不是触发事件的select元素。

首先,请不要使用侵入式事件处理程序。您可以在创建元素时轻松地挂钩onchange函数。

例如:

$('#tabpage_4').append("<div class='side-by-side clearfix'><table><tr><td><h3>Skills & Expertise  :</h3></td><td id='skillstd'><select data-placeholder='Type skills here'  multiple class='chosen-select' style='width:300px;' tabindex='18' id='multiple-label-example'></select></td></tr></table><div style='padding-left:23%;padding-top:3%;'><input type='button' class='gblredbutton' value='Save' onclick='javascript:submitSkills(event);'/></div></div>");
$('#tabpage_4').find('select').on('change', function() {  
    var skillID = this.id;
    alert(skillID);
});