带有 ascx 控件的 Javascript

Question

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

如下:

然后，我将其中一些放在也有文本框的页面上(我在这里将其称为文本框)

如下:

所以我需要开发的是Javascript，当任何customControls中的任何下拉列表有选定的下拉索引更改事件时，找到customControl类型的所有控件的所有框中的所有值页面并将该文本放入文本框中。

我是否需要定义我的控件以拥有一个类，以便 JS 可以轻松找到所有这些控件，然后让 JS 函数将文本框作为控件，以便它知道要输出什么以及在哪里输出？

Answer 1

使用“customControlDropDown”或其他CSS类设置所有下拉菜单，并使用“bigTextBox”或其他CSS类名称设置文本框，并使用一些jQuery。

<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>

我还没有测试过这个，但它应该有效。让我们知道。