Loading [MathJax]/jax/output/CommonHTML/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >带有ascx控件的Javascript

带有ascx控件的Javascript
EN

Stack Overflow用户
提问于 2009-08-12 09:30:03
回答 2查看 3.8K关注 0票数 0

我设计了一个ascx控件(我在这个问题中将其称为customControl)。该控件只是一系列的下拉列表,每个下拉列表中都有文本值。下拉菜单位于面板内部。

如下所示:

然后我把它们中的一些放在一个也有文本框的页面上(我在这里把它称为文本框)

如下所示:

所以我需要开发的是Javascript,当任何customControls中的任何下拉列表都有一个选定的下拉索引更改事件时,它可以找到页面上类型为customControl的所有控件的所有框中的所有值,并简单地将文本放入文本框中。

我是否需要定义我的控件来拥有一个类,这样JS就可以很容易地找到它们,然后让JS函数将textbox作为控件,这样它就知道要输出什么以及输出到哪里?

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2009-08-12 11:41:24

使用css类"customControlDropDown“或其他值设置所有下拉列表,并使用css类名"bigTextBox”或其他值设置文本框并使用一些jQuery。

代码语言:javascript
运行
AI代码解释
复制
<script type='text/javascript'>
   $(document).ready(function(){
      $("select.customControlDropDown").change(function(){ //change event for all drop downs with customControlDropDown as its css class name
         var collectiveText = "";
         $("select.customControlDropDown option:selected").each(function(i){  //get all selected options in all the drop downs with customControlDropDown as its css class name
            collectiveText = collectiveText + $(this).text(); //append the item's text to a string variable
         });

         $(".bigTextBox").val(collectiveText); //set the textbox with css class name of bigTextBox with value of the string variable from above
      });
   });
</script>

我还没有测试过这个,但是它应该可以工作。让我们知道。

票数 2
EN

Stack Overflow用户

发布于 2009-08-12 11:18:46

在你的ascx控件中,必须有"myClass“类。

代码语言:javascript
运行
AI代码解释
复制
window.onload = function(){
    function getElementsByClass(containerId, class) 
    { 
      container = document.getElementById(containerId);
      var all = container.all¦¦container.getElementsByTagName('*') ;
      var arr = [] 
      for(var k=0;k<all.length;k++) 
        if(all[k].getAttribute("class").indexOf("class") != -1) 
          arr[arr.length] = all[k];
      return arr;
    }

    var arrEl = getElementsByClass("container", "myClass");
    var xOnChange = function()
    {
       //this
    }

    for (var ind = 0; ind < arEL.length; ind++)
    {
       arrEl[ind].onchange = xOnChange;
    }

}

在html或aspx中:

代码语言:javascript
运行
AI代码解释
复制
<div id="container>
   <!-- aspx controls -->
</div>
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/1267568

复制
相关文章
cmake:在Makefile中运行ant脚本
版权声明:本文为博主原创文章,转载请注明源地址。 https://blog.csdn.net/10km/article/details/51832822
10km
2019/05/25
1.8K0
【Apache Ant】ANT解析以及ANT在myEclipse中的使用
Apache Ant,是一个将软件编译、测试、部署等步骤联系在一起加以自动化的一个工具,大多用于Java环境中的软件开发。
谙忆
2021/01/21
1.5K0
【Apache Ant】ANT解析以及ANT在myEclipse中的使用
在HTML中如何使用CSS?
一、前言 在 HTML 中使用 CSS,包括内联式、内嵌式、链接式和导入式。 二、分类 2.1 内联式 内联式是所有样式应用方式中最为直接的一种,它通过对 HTML 标记使用 属性,将 CSS 代码直接写在其中。 内联式是最简单、直接的 CSS 使用方法,但它的针对性很明显,只能作用于当前标记,造成代码冗余,维护比较困难。 2.2 内嵌式 内嵌式与内联式使用方法不同,它将 CSS 代码写在 标记之间,并需要采用 标记进行声明。 使用内嵌式 CSS 用法时 CSS 代码将被集中放在 标记中,这样方便查
企鹅号小编
2018/02/01
8.7K0
Ant 执行 YUICompressor
发布 JavaScript 的时候,无论从代码保护还是提高性能角度,都应该对代码进行压缩,去除重叠的空白分隔符,混淆变量。雅虎交互(YUI)提供了非常强大的压缩工具,对 .js 文件和 .css 文件都有效。这里所说明的情况,是用 Ant 直接启动压缩任务。
全栈程序员站长
2022/09/09
3540
【shell脚本】$ 在shell脚本中的使用
注释:$* 和 $@ 都表示传递给函数或脚本的所有参数,不被双引号(" ")包含时,都以"$1" "$2" … "$n" 的形式输出所有参数。但是当它们被双引号(" ")包含时,"$*" 会将所有的参数作为一个整体,以"$1 $2 … $n"的形式输出所有参数;"$@" 会将各个参数分开,以"$1" "$2" … "$n" 的形式输出所有参数
码缘
2019/07/01
6.3K0
JSON 在JavaScript 中的使用。
JSON (JavaScript Object Notation) 是一种轻量级的数据交换格式。易于人阅读和编写。同时也易于机器解析和生成。
愷龍
2022/10/06
10.1K0
Ant中的SVN 使用
最近在调整SDK的打包脚本的时候重新树立了一下ant下面的SVN命令的用法。先简单列举下,以后有精力再慢慢整理细说吧。 svn copy 多用于生成当前版本的tag <arg line="copy SVN_URL1 SVN_URL2 --no-auth-cache --non-interactive --username USERNAME --password PASSWORD -m MSG" /> </exec> svn add 多用于提交在版本打包过程生成的重要文件,例如代码混淆生成的mapp
子勰
2018/05/22
9010
YUI3 CSS框架学习
改变最大的我觉得是Grids部分,YUI2中以模版的方式提供给我们调用,功能中多选项也很多,而且配合Grid Build Tool,可以快速的生成复杂的页面结构。但正因为其复杂,所以在一些需要自定义比较多的场景下使用起来就比较痛苦。YUI3一改以往的复杂性,仅仅是提供简单的页面逻辑结构单元,我们可以自由的定义页面的宽度,结构单元的分布。非常简单。当然,目前还处于Beta阶段,不知道后续会不会变的越来越强大。
大江小浪
2018/07/25
6630
YUI3 CSS框架学习
ant的安装和使用
  1.1 添加环境变量:ANT_HOME=D:\software\ant\apache-ant-1.10.1
全栈程序员站长
2022/09/07
5050
ant的安装和使用
Ant+JSDocTookit生成Javascript文档
需要备上下面三样东西 JSDocTookit http://code.google.com/p/jsdoc-toolkit/
meteoric
2018/11/15
8870
ant+yuicompressor 合并、压缩脚本与样式
我使用的是Eclipse编写build.xml,你可以用其它的编辑器,前提是你已经安装了ant
meteoric
2018/11/15
8680
如何使用LinkFinder在JavaScript文件中查找网络节点
LinkFinder是一款功能强大的Python脚本,在该工具的帮助下,广大研究人员可以轻松在JavaScript文件中发现和扫描网络节点及其相关参数。这样一来,渗透测试人员和漏洞猎人将能够快速在测试的目标网站伤收集新的隐藏节点了。
FB客服
2023/08/08
5280
如何使用LinkFinder在JavaScript文件中查找网络节点
java: ant 脚本示例
1 <?xml version="1.0" encoding="UTF-8"?> 2 3 <!--basedir是从build.xml所在的目录为基础算起的--> 4 <project nam
菩提树下的杨过
2018/01/24
8700
在 JavaScript 中如何克隆对象?
我们假设一个变量 name 具有一个与之关联的原始值(number,string,boolean,undefined 和null)。 如果我们将此变量 name 复制到另一个变量name2 ,则原始变量的任何修改都不会影响到第二个变量,因为它们是原始值。
前端小智@大迁世界
2022/06/15
4.7K0
分享 73 个让你事半功倍的 NPM 包
英文 | https://dev.to/madza/73-awesome-npm-packages-for-productivity-19p8
前端达人
2022/03/25
5.4K0
如何开发YUI3的扩展
YUI是Yahoo发布的一个JS框架,虽然不如jQuery简单,但是如果你是要做一些复杂的事情的时候,有一个合适量级的框架还是能有用不少。
大江小浪
2018/07/25
1.2K0
73个超棒且可提高生产力的 NPM 包
在这里,我整理了一些我最喜欢的 NPM 包的列表。我也将它们分类,因此信息更加结构化,更易于浏览。
ConardLi
2020/11/10
4.6K0
73个超棒且可提高生产力的 NPM 包
Webpack4 性能优化实践
在使用 Webpack 时,如果不注意性能优化,可能会产生性能问题,会导致在开发体验上不是非常丝滑,性能问题主要是编译速度慢,打包体积过大,因此性能优化也主要从这些方面来分析。本文主要是自己平时的工作积累和参考别人的文章,而进行总结,基于 Webpack4 版本。
发声的沉默者
2021/06/14
1.2K0
Webpack4 性能优化实践
点击加载更多

相似问题

如何在用于javascript的Ant构建脚本中使用YUI压缩器

20

无法使用Ant和YUI压缩器应用JavaScript压缩

37

yui压缩器是如何压缩javascript和css文件的呢?

31

关于YUI压缩器和About脚本

14

YUI压缩器在构建时压缩和更换

20
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文