script不刷新页面的联动前后代码_javascript技巧



代码如下:

<%-- 大小类--%>

function link(id)
{
var obj = document.getElementById(id);
var obj1 = document.getElementById('type2');
var name = "";
for(i = 0 ; i < obj.options.length ; i++ )
{
if(obj.options[i].selected)
{
name = obj.options[i].value;
}
}
var names = bargain_class.link(name).value.split(',');
var obj1_count = obj1.options.length
for (i = 0 ; i < obj1_count ; i++)
{
obj1.options.remove(0);
}
for (i = 0 ; i < names.length ; i ++ )
{
option1 = document.createElement("option");
option1.innerHTML = names[i];
obj1.appendChild(option1);
}
// alert(names);
}

//后台代码
AjaxPro.Utility.RegisterTypeForAjax(typeof(bargain_class)); //本页页面名

//===============================ajax调用=====================================
[AjaxPro.AjaxMethod]
public string link(string name)
{
string text = "";
string sql = "select name from Management_products_class where pid='" + name + "'";
DataTable dt = LinkSql.conn(sql);

for (int i = 0; i < dt.Rows.Count; i++)
{
if (text == "")
{
text = dt.Rows[i]["name"].ToString();
}
else
{
text += "," + dt.Rows[i]["name"].ToString();
}
}
return text;
}