`
king520
  • 浏览: 174779 次
  • 性别: Icon_minigender_1
  • 来自: 合肥
文章分类
社区版块
存档分类
最新评论

JS创建HTML控件并动态生成页面的写法

 
阅读更多

之前都是直接写标签。用JS动态生成一个控件方法如下(INPUT SELECT):

//车牌种类的
var divCarType=document.getElementById('divCarType');
var objCarType=document.createElement('select');
objCarType.setAttribute("type", "text");
objCarType.setAttribute('id','carType');
objCarType.setAttribute('class','inp_1');
divCarType.appendChild(objCarType);

//创建一个车牌号
var divVehicleNumber=document.getElementById('divVehicleNumber');
var objVehicleNumber=document.createElement("input");
objVehicleNumber.setAttribute("type", "text");
objVehicleNumber.setAttribute("id","vehicleNumber");
objVehicleNumber.setAttribute("maxlength","7");
objVehicleNumber.setAttribute("placeholder","字母+5位数字或字母");
objVehicleNumber.setAttribute("style","width:90%;");
objVehicleNumber.setAttribute("class","inp_1");
divVehicleNumber.appendChild(objVehicleNumber);

分享到:
评论

相关推荐

    datagrid 多表头及动态生成的实现

    ### datagrid多表头及动态生成的实现 #### 前言 在现代Web开发中,数据展示是非常重要的一环。对于复杂的数据表格而言,如何有效地组织和展示这些数据成为了一个挑战。本篇文章将详细介绍如何使用JQuery EasyUI...

    控件嵌套在ajax的模板中 需要提示的对话框写法

    - **国际化支持**:如果应用程序面向多语言环境,需要考虑使用资源文件或其他机制来动态生成提示消息。 - **用户体验**:虽然弹出对话框是一种常见的用户反馈方式,但在设计UI时还应考虑更优雅的提示方式,比如使用...

    Cron表达式选择器JS插件

    **Cron表达式选择器JS插件**是一种用于在Web应用程序中方便地创建和管理Cron表达式的JavaScript组件。Cron表达式是Unix系统中的一种时间调度语法,用于定义任务的执行计划。这个JS插件结合了BootStrap的样式,提供了...

    Web程序设计复习提纲和答案.doc

    动态网页则可以生成变化的内容并提供更强的交互功能。ASP.NET、JSP和ASP都是服务器端脚本技术,将脚本嵌入HTML中,而ASP.NET是ASP的升级版,采用编译执行。 9. **HTML描述**:HTML标记通常是成对出现的,但也有单...

    超实用的jQuery代码段

    7.15 动态表单生成图片预览 7.16 平滑滚动的导航菜单 7.17 图片的放大预览 7.18 实现平滑的图片动态缩放效果 7.19 自动适应的窗口背景 7.20 如何判断加载多张图片的完成状态 7.21 鼠标悬停时的图片放大 7.22 淡出...

    javaWeb学习笔记

    - **JSP (JavaServer Pages)**: 一种基于Java的技术,用于创建动态网页。JSP页面包含静态HTML内容和动态Java代码。 - **Servlet**: 一种Java技术,用于扩展应用程序服务器的功能。Servlet可以处理HTTP请求,并生成...

    自己动手写的jquery分页控件(非常简单实用)

    具体到控件实现中,使用了`$.extend`来合并默认设置和用户选项,`showHtml`函数用于生成分页控件的HTML结构,并且在`$element`中追加生成的HTML,`MoveIndex`函数则用于实现分页功能,即在点击页码时,触发页面内容...

    如何写菜单

    - **动态生成**:根据用户的权限或应用状态动态生成菜单项,这通常需要在运行时调整菜单结构。 - **扩展功能**:添加特殊功能,如搜索框、分页、多级展开等。 上下文菜单,又称为右键菜单,是在用户右键点击时出现...

    Web开发中的30种常用代码

    使用`HyperLinkColumn`控件,可以方便地创建带有参数的链接。通过`DataBinder.Eval`绑定数据字段,将参数传递给`NavigateUrl`属性。 这些只是Web开发中30种常用代码的一部分,它们涵盖了基本的页面交互、数据操作...

    隐藏变量的取得

    2. **安全验证**: 在某些情况下,为了防止跨站请求伪造(CSRF)攻击,可以在隐藏字段中存储一个随机生成的安全令牌,并在服务器端验证这个令牌的有效性。 3. **数据传输**: 在不需要显示给用户的情况下,可以使用...

    2021-2022计算机二级等级考试试题及答案No.14434.docx

    21. Java代码:在横线处填写代码,正确的写法是使用大括号{}创建代码块。 22. Visual Studio控件:Visual Studio提供了HTML控件、数据控件和验证控件,但不直接提供发布控件。 23. 任务栏切换:在Windows中,可以...

    .NET企业级项目开发-1期 经验与技巧.doc

    6. **DropDownList控件的数据绑定**: - **固定值**:可以直接在视图中定义选项,如下: ```html @Html.DropDownList("ProvinceId", new SelectListItem[] { new SelectListItem { Text="选择类别", Value="0", ...

    JEECG图表配置说明.docx

    JEECG 图表配置是指通过在线配置生成图形报表页面,不需要编写代码。该配置使用 highcharts.js 实现,可以运行在任何现代浏览器,包括移动终端以及 IE6。目前支持曲线图、柱状图等基础报表。 图表配置 图表配置...

    php课后习题及答案[文].pdf

    而Ajax(Asynchronous JavaScript and XML)则是一种在客户端执行的技术,主要用于异步更新网页的部分内容,不属于服务器端动态网页技术。 - **答案**: D.Ajax #### 4. MySQL管理员账号 - **题目**: 配置MySQL...

    yii2中dropDownList实现二级和三级联动写法

    接着,要实现联动效果,通常需要在客户端使用 JavaScript 或 jQuery 来监听某个下拉列表的变化,并根据选择的值动态更新另一个下拉列表的内容。在 Yii2 中,可以通过嵌入 jQuery 代码或使用 Yii2 的 AJAX 功能来实现...

    Eclipse_Swt_Jface_核心应用_部分19

    2.1.1 Eclipse下载页面介绍 11 2.1.2 下载Eclipse 12 2.1.3 安装Eclipse语言包 14 .2.1.4 在不同的语言中切换 15 2.2 直接获取SWT工具包 16 2.3 下载和安装Visual Editor 17 2.3.1 Visual Editor的下载...

    JavaScript_语法集锦

    ### JavaScript 语法集锦知识点详解 #### 点击事件与函数调用 - **`click()`**: 在JavaScript中,`click()`方法用于模拟点击事件。然而,在提供的代码片段中出现的`click().click()`并不常见且通常会导致错误,因为...

    含三引擎(Media/Real/Flash)的《浩海网络多格式播放器》V3.8.3

    V3.8.1 采用JS脚本语言解决了Media Player控件不支持相对路径写法的Bug!!其它控件无此问题!!V3.8.3 新修正一点BUG,和加入了一个人性化设定,及其一个人性化功能!1,修正了网络歌曲选单在搜索关键字的时候,不...

Global site tag (gtag.js) - Google Analytics