如何在onchage事件中获取下拉列表ID [英] How I get dropdown id in onchage event

问题描述

iam使用onchange事件创建动态下拉列表.我如何在onchange函数上获取下拉列表ID

我尝试过的事情:

函数addSelect(divname，columname，dropid，tablename，pd){
var newDiv = document.createElement(pd);
var change ="dropchange(" + dropid +)";
var html =''< select id =''+ dropid +''">''
var obj = {};
obj.coluname = columname;
obj.tablename =表名;
$ .ajax({
网址:"webmethod.aspx/dropdownbine"，
数据:JSON.stringify(obj)，
dataType:"json"，
类型:"POST"，
contentType:"application/json; charset = utf-8"，
成功:function(r){

var result = r.d;
var sel ="SELECT"
html + =< option Value =""+ sel +"''>"+ sel +</option>";
for(i = 0; i< result.length; i ++)
html + =< option value ="" +结果[i] +''>" + result [i] +</option>";

html + =''</select>'';
newDiv.innerHTML = html;
document.getElementById(divname).appendChild(newDiv);

}，
错误:函数(XMLHttpRequest，textStatus，errorThrown){
alert(''获得错误下拉列表绑定'');
}
});

}


函数dropchange(id){
alert(id.value);
}

iam creating dynamic dropdown with onchange event. how i get dropdown id on onchange function

What I have tried:

function addSelect(divname, columname, dropid, tablename,pd) {
var newDiv = document.createElement(pd);
var change = "dropchange(" + dropid + ")";
var html = ''<select id="'' + dropid + ''" >''
var obj = {};
obj.coluname = columname;
obj.tablename = tablename;
$.ajax({
url: "webmethod.aspx/dropdownbine",
data: JSON.stringify(obj),
dataType: "json",
type: "POST",
contentType: "application/json; charset=utf-8",
success: function(r) {

var result = r.d;
var sel = "SELECT"
html += "<option Value=''" + sel + "''>" + sel + "</option>";
for (i = 0; i < result.length; i++)
html += "<option value=''" + result[i] + "''>" + result[i] + "</option>";

html += ''</select>'';
newDiv.innerHTML = html;
document.getElementById(divname).appendChild(newDiv);

},
error: function(XMLHttpRequest, textStatus, errorThrown) {
alert(''Got an Error Dropdownlist bind '');
}
});

}


function dropchange(id) {
alert(id.value);
}

推荐答案

.ajax({
网址:"webmethod.aspx/dropdownbine"，
数据:JSON.stringify(obj)，
dataType:"json"，
类型:"POST"，
contentType:"application/json; charset = utf-8"，
成功:function(r){

var result = r.d;
var sel ="SELECT"
html + =< option Value =""+ sel +"''>"+ sel +</option>";
for(i = 0; i< result.length; i ++)
html + =< option value ="" +结果[i] +''>" + result [i] +</option>";

html + =''</select>'';
newDiv.innerHTML = html;
document.getElementById(divname).appendChild(newDiv);

}，
错误:函数(XMLHttpRequest，textStatus，errorThrown){
alert(''获得错误下拉列表绑定'');
}
});

}


函数dropchange(id){
alert(id.value);
}

.ajax({
url: "webmethod.aspx/dropdownbine",
data: JSON.stringify(obj),
dataType: "json",
type: "POST",
contentType: "application/json; charset=utf-8",
success: function(r) {

var result = r.d;
var sel = "SELECT"
html += "<option Value=''" + sel + "''>" + sel + "</option>";
for (i = 0; i < result.length; i++)
html += "<option value=''" + result[i] + "''>" + result[i] + "</option>";

html += ''</select>'';
newDiv.innerHTML = html;
document.getElementById(divname).appendChild(newDiv);

},
error: function(XMLHttpRequest, textStatus, errorThrown) {
alert(''Got an Error Dropdownlist bind '');
}
});

}


function dropchange(id) {
alert(id.value);
}

尝试一下

try this

var change = " onchange='dropchange(this)' ";
        var html = '<select ' + change + '  id="' + dropid + '" >'

function dropchange(drp) {
           alert(drp.id);
           alert(drp.value);
       }

这篇关于如何在onchage事件中获取下拉列表ID的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！