<tr>
<td height="35" align="center" valign="middle" bgcolor="#F5F5F5">选择商品类型:</td>
<td height="35" align="left" valign="middle" class="pl-5">
<select id="product_sort_id_one" name="product_sort_id_one" url="${path}/ProductSort/list/listSelect?sortid=0" selectedValue="201107061629033474" prompt="请选择商品类型" childId="product_id_4" childDataPath="${path}/ProductChe/list/listSelect/sort?product_sort_id_one=" ></select>
</td>
<td height="35" align="center" valign="middle" bgcolor="#F5F5F5">选择商品:</td>
<td height="35" align="left" valign="middle" class="pl-5">
<select id="product_id_4" name="product_name_4" prompt="请选择商品" onchange="addNewForm()" class="validate[required]" ></select>
</td>
<td height="35" align="center" valign="middle" bgcolor="#F5F5F5">预计商品数量:</td>
<td height="35" align="left" valign="middle" class="pl-5">
<input type="text" id="product_number_fr" name="product_number_fr" class="validate[required] float_left" value="250"/>
<span class="star float_left"></span>
<div class="validation_info"></div>
<div class="clear"></div>
</td>
</tr>
js方法
<script type="text/javascript">
function addNewForm(){
var $jtable=$j('<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0" class=" tablestyle"><tr><td width="10%" height="35" align="center" valign="middle" bgcolor="#F5F5F5">选择商品类型:</td><td width="20%" height="35" align="left" valign="middle" class="pl-5"></td><td width="10%" height="35" align="center" valign="middle" bgcolor="#F5F5F5">选择商品:</td><td width="20%" height="35" align="left" valign="middle" class="pl-5"></td><td width="10%" height="35" align="center" valign="middle" bgcolor="#F5F5F5">预计商品数量:</td><td width="30%" height="35" align="left" valign="middle" class="pl-5"></td></tr></table>')
$j("#testBtn").after($jtable);
$jtable.find("table").render();
var $jproduct_sort_id_one = $j('<select id="product_sort_id_one" name="product_sort_id_one" url="${path}/ProductSort/list/listSelect?sortid=0" prompt="请选择商品类型" childId="product_id_5" childDataPath="${path}/ProductChe/list/listSelect/sort?product_sort_id_one=" ></select>');
var $jproduct_id_tu=$j('<select id="product_id_5" name="product_name_5" prompt="请选择商品" ></select>');
var $jproduct_number_tu=$j('<input type="text" id="product_number_tu" name="product_number_tu" value="0" class="validate[required] float_left"/>');
$jtable.find("tr").eq(0).find("td").eq(1).append($jproduct_sort_id_one);
$jtable.find("tr").eq(0).find("td").eq(3).append($jproduct_id_tu);
$jtable.find("tr").eq(0).find("td").eq(5).append($jproduct_number_tu);
$jproduct_sort_id_one.render();
$jproduct_id_tu.render();
$jproduct_number_tu.render();
}
</script>
分享到:
相关推荐
在获取后台数据生成下拉框的场景中,我们通常使用GET方法,但POST或其他HTTP方法也是可行的,具体取决于后端接口的设定。 以下是一个简单的示例,展示了如何使用jQuery和Ajax实现这个功能: ```javascript // ...
从压缩包文件名称"autoSelect-plugin"我们可以推断,这可能是一个插件形式的自动补全下拉框实现,它可能适用于某种特定的框架或库,如JavaScript的jQuery、React或Vue.js等。插件化的设计使得集成到现有的项目中变得...
假设我们需要实现一个功能,即当用户选择一个省份后,城市下拉框自动更新为该省份下的城市列表。这需要我们在省份下拉框的`onchange`事件中调用一个函数,该函数负责获取所选省份,并根据所选省份动态填充城市下拉框...
这个资源"aspx网页运用js全国省市下拉框全国省市JS生成"提供了一种实现这一功能的方法,由"京华志&精华志"出品,主要涉及C#、ASP.NET、SQL以及DBA相关的源码技术。 首先,我们要理解ASP.NET中的Web表单(Web Forms...
通过JavaScript来控制下拉框的显示和隐藏,并处理用户的选择和输入: ```javascript function showSelect() { var selectBox = document.getElementById('selectBox'); if (selectBox.style.display === 'none') ...
本篇文章将深入探讨如何使用ASP.NET的Ajax技术实现下拉框的自动填充功能。 首先,让我们了解什么是AutoComplete。AutoComplete是一种常见的人机交互特性,它允许用户在输入文本时接收系统的实时建议。在Web应用中,...
【前端、后端代码自动生成】技术是一种提高软件开发效率的方法,它允许开发者通过特定工具快速生成前后端的代码,从而将注意力集中在更高级别的业务逻辑实现上。这种技术适用于各种现有的系统框架,无需依赖特定的...
总之,HTML可编辑下拉框结合JavaScript自动补全功能是提高网站或应用交互性的一个有效手段。通过监听用户输入、过滤选项并动态显示匹配项,我们可以创建一个既直观又高效的输入体验。对于开发者来说,掌握这项技术有...
4. **JSON数据格式**:服务器返回的数据通常以JSON(JavaScript Object Notation)格式提供,它是一种轻量级的数据交换格式,易于人阅读和编写,同时也易于机器解析和生成。城市数据可能包含省份ID和对应的城市列表...
在IT行业中,图表生成与下拉框美化是前端开发中常见的需求,这关系到用户界面的易用性和视觉效果。本文将围绕“图表生成及下拉框美化插件使用总结”这一主题,深入探讨相关知识点。 首先,图表生成是数据分析和展示...
在这个项目中,"全国省市JS生成"可能是一个包含JavaScript代码和相关资源的文件,用于构建和管理省市数据。文件可能包括: - 省市区数据的JSON文件,用于存储所有省份和城市的关联信息。 - JavaScript主文件,包含...
在JavaScript编程中,自定义下拉框是一种常见的需求,它能够提供更加灵活和个性化的用户体验。传统的HTML `<select>` 元素虽然简单易用,但其样式和交互方式往往受到浏览器默认样式的限制,不能满足复杂的UI设计要求...
1. **动态生成选项**:AdSelect能够根据服务器端的数据动态生成下拉框的选项,这些数据可以来自数据库或者其他数据源。 2. **事件驱动**:组件通过监听用户的选中事件,触发后续下拉框的更新,实现联动效果。 3. **...
在`success`回调函数中,我们接收到的数据会被自动转换为JavaScript对象,可以用来填充下拉框。 接下来,让我们看看后端如何处理这个请求。在Java中,我们通常会使用Spring MVC或者Jersey等框架来创建RESTful API。...
3. 计算属性与侦听器:可以使用计算属性(`computed`)处理联动逻辑,根据当前选中的值动态生成下拉框的选项。同时,使用侦听器(`watch`)监听数据变化,触发联动更新。 三、具体实现步骤 1. 创建Vue实例:在`...
在这个特定的项目中,"dwr ajax 下拉框自动搜索"是指利用DWR框架和AJAX技术来创建一个功能,用户在输入框中输入关键词时,下拉框会自动填充匹配的建议,类似百度搜索的体验。当用户选择某个选项或点击搜索按钮,系统...
在IT领域,尤其是在网页开发中,"允许自动检索的下拉框"是一个常见的交互功能,它结合了JavaScript(js)和CSS技术,有时也会利用jQuery库来增强用户体验。这种功能通常被称为“自动补全”或“自动建议”,它能够...
`bootstrap-select.js` 和 `bootstrap-select.min.js` 是JavaScript源码文件,实现了下拉框筛选的交互逻辑。当用户在下拉框中输入文字时,这些脚本会实时更新显示的选项,只显示匹配输入的那些。`min.js` 文件同样是...
在JavaScript编程中,下拉框联动是一种常见的交互功能,它允许用户在选择一个下拉框选项后,根据选择自动更新另一个下拉框的选项。这种功能通常用于提供筛选或者关联数据的选择,例如地区与城市之间的关系。在这个...
"zTree实现多选下拉框"这个主题聚焦于如何利用zTree这款JavaScript库来创建一个支持多选功能的下拉框控件。zTree是一款强大的树形插件,广泛应用于网页中展示层次结构数据,如组织结构、文件目录等。本文将详细介绍...