`

js 动态创建select 并赋予onchange事件

    博客分类:
  • js
阅读更多
function createSelect(iid,pid,num)//创建select
{
  var mySelect = document.createElement("select"); 
  mySelect.id = iid;  

if(window.addEventListener) // Mozilla, Netscape, Firefox 
{
 mySelect.addEventListener('change', mychange,false); 
}
else// IE 
{ 
 mySelect.attachEvent('onchange',mychange); 
} 
document.getElementById("TypeID").appendChild(mySelect);
}
上面这段可以实现动态创建select 并赋予onchange事件
分享到:
评论

相关推荐

    JavaScript实现通过select标签跳转网页的方法

    2. JavaScript事件监听:在select标签上使用onchange事件监听器,当select的选项发生变化时,触发事先定义的JavaScript函数。常用的事件类型包括onchange事件,即当元素的内容改变时触发。 3. 跳转方法: - 当前...

    JS动态创建Table,Tr,Td并赋值的具体实现

    在这个例子中,成果类型的下拉框(Select元素)被赋予了`change()`事件监听器,以便在用户选择不同的成果类型时,调用`getZts()`函数。 `getZts()`函数的主要工作是获取选中的成果类型的ID(`parentId`),然后通过...

    js+html写的实现表格的动态增删改查和表单验证

    综上所述,使用JavaScript和HTML结合可以实现丰富的用户交互,创建动态表格并进行数据操作,同时配合表单验证保证数据质量。通过学习和掌握这些技能,开发者能够构建出高效、友好的前端应用。在实际项目中,还可能...

    javascript经典特效---下拉框的新特性.rar

    1. 动态创建与修改选项:JavaScript允许我们在运行时动态添加、删除或修改`<select>`内的`<option>`元素。这使得开发者可以依据用户的操作或者服务器返回的数据动态更新下拉框内容。 2. 自定义样式:虽然原生的HTML...

    js实现带有介绍的Select列表菜单实例

    在本例中,JavaScript被用来监听Select元素的选项改变事件(onChange)并执行相应的动作。 文档对象模型(Document Object Model,简称DOM)是W3C标准中定义的接口,它将文档内容视为具有节点和对象的结构化文档。...

    JS面向对象教程.pdf

    在这份教程中,将详细介绍JavaScript面向对象的基础知识点,并通过代码示例来阐述如何在JavaScript中创建和使用对象。 首先,我们来看如何使用构造函数来创建对象。构造函数是一种特殊的函数,用于在创建新对象时...

    JavaScript中的事件处理

    JavaScript中的事件处理是编程中非常关键的一环,它赋予了网页动态性和交互性。事件处理的概念简单来说就是:当一个特定的事件发生时,执行相应的处理程序,使得程序能够对用户的操作做出响应。事件处理主要涉及到...

    地址选择三级联动

    同时,可以通过`id`属性为这些元素赋予唯一标识,以便JavaScript能够找到并操作它们。 2. JavaScript逻辑:这是实现三级联动的关键。我们可以使用事件监听(如`onchange`)来捕捉用户在一级下拉菜单中的选择。当...

    JavaScript省市区三级联动菜单效果

    代码中的`<select>`元素使用`onchange`事件来触发函数,当用户选择下拉列表中的一个选项时,就会触发`changeCity`或`changequ`函数。这样就能够根据用户的最新选择更新其他下拉列表的内容。 知识点六:AJAX联动(可...

    php使用数组填充下拉列表框的方法

    同时,我们还设置了一个`onchange`事件处理器,当用户更改选中的选项时,会触发这个事件。触发的JavaScript函数`onCambioDeOpcion(combobox)`将会显示一个警告框,其中包含了用户选择的文本和值。 总结一下,本文...

Global site tag (gtag.js) - Google Analytics