dynamically-generated 相关问题

构造为响应条件而不是不变或静态的组件

我正在使用通过 jquery 设置的添加删除输入字段。我想根据该字段集中选择的选择选项来设置输入的输入值。如何实现这一目标？代码： var html = ' 我正在使用通过 jquery 设置的添加删除输入字段。我想根据该字段集中选择的选项来设置输入的输入值。如何实现这一目标？代码： var html = '<tr><td><select name="is_member[]" ><option value="">Select</option><option value="Yes">Yes</option><option value="No">No</option></td><td><input name="membership_number[]"></td></tr>'; var max = 50; var x = 1; $('#add_row').click(function() { if (x <= max) { $('#table_fields').append(html_row); var els = $(".firstcell"); for (var i = 1; i < els.length; i++) { els[i].innerHTML = i + 1; $("select[name='is_member[]']']").on('change', function(e) { var member_status = $(this).val(); if (member_status == 'No') { $("input[name='membership_number[]']").val("Not Member"); } else { $("input[name='membership_number[]']").val(""); } }); } } }); $('#table_fields').on('click', '#remove_row', function() { $(this).closest('.mybox').remove(); x--; }); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script> 使用此代码，membership_number字段的值会发生更改，但字段集输入字段的所有添加行都会发生更改。我只想更改它仅针对添加行中设置的特定字段的选择选项。 JSFIDDLE 在 jsfiddle 中，您可以通过添加行并将成员选项更改为“否”来进行检查...会员编号中的所有输入字段值都会更改... 您正在使用以下内容来更新输入： $("input[name='membership_number[]']").val("Not Member"); 此 css 选择器将匹配任何输入，与当前行无关。既然您有更改event，为什么 nog 使用该事件来获取父级（行），然后在该行中查找输入： $("select[name='is_member[]']").on('change', function() { var member_status=$(this).val(); var matching_input = this.parentNode.parentNode.querySelector('input'); matching_input.value = (member_status=="No") ? "Not Member" : ""; }); 完整片段演示： var html_row = '<tr><td class="firstcell"></td><td><select name="is_member[]" ><option value="">Select</option><option value="Yes">Yes</option><option value="No">No</option></select></td><td><input name="membership_number[]" value=""></td><td><input type="button" name="remove" id="remove_row" class="btn btn-info" value="Remove This Section" tabindex="-1"></td></tr>'; var max = 50; var x = 1; $('#add_row').click(function(){ if(x <= max){ $('#table_fields').append(html_row); var els = $(".firstcell"); for (var i = 1; i < els.length; i++) { els[i].innerHTML = i+1; $("select[name='is_member[]']").on('change', function() { var member_status=$(this).val(); var matching_input = this.parentNode.parentNode.querySelector('input'); matching_input.value = (member_status=="No") ? "Not Member" : ""; }); } } }); $('#table_fields').on('click', '#remove_row', function(){ $(this).closest('tr').remove(); x--; }); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script> <table id="table_fields"> <tr> <td></td> <td>Is Member</td> <td>Membership Number</td> </tr> <tr> <td class="firstcell">1</td> <td><select name="is_member[]" ><option value="">Select</option><option value="Yes">Yes</option><option value="No">No</option></select></td> <td><input name="membership_number[]" value=""></td> <td></td> </tr> </table> <br><br> <div class="text-center"><input type="button" name="add" id="add_row" class="btn btn-primary" value="Add Input Row" tabindex="-2"> </div>

javascript jquery dynamically-generated

回答 1 投票 0

带循环功能的power bi dax

我有一张这样的工具检查表。所有工具每年检查一次。日期的格式为日-月-年。工具编号检验日期购买日期 1 10-1-2024 10-3...

loops powerbi dax dynamically-generated

回答 1 投票 0

在动态 PDF 模板中合并 JSON 数据

我的问题很简单：我需要一个工具来将一些中等复杂的 JSON 输入数据合并到 PDF 模板中。然后根据数据：模板的某些部分可以复制。某些部分...

json pdf dynamically-generated merging-data

回答 2 投票 0

如何动态从 Angular 中的 HTML 中删除<script>

我正在尝试将我的应用程序与第三方支付集成。他们提供了我将其包含在 HTML 中的 JS 文件。 var script = document.createElement("script"); 脚本.src = &

javascript angular dynamically-generated removechild

回答 1 投票 0

如何动态从 angualr 中的 HTML 中删除 <script>

我正在尝试将我的应用程序与第三方支付集成。他们提供了 js 文件，我将其包含在我的 html 中 var script = document.createElement("script"); 脚本.s...

javascript angular dynamically-generated removechild

回答 1 投票 0

如何使用Python从JSON结构生成多级决策树？

我正在开发这个项目，我想从 JSON 动态生成多维决策树。 JSON 具有嵌套的决策规则，每个规则作为节点都应该进行转换。孩子...

python json decision-tree dynamically-generated

回答 1 投票 0

jQuery，在点击回调中操作动态创建的元素

我有一个带有此（简化）html 的移动菜单带有的菜单我有一个带有此（简化）html 的移动菜单 <ul id="mobile_menu"> <li class="menu-item menu-item-has-children"> <a href="#">Menu with Submenu</a> <ul class="sub-menu"> <li class="menu-item"><a href="#">Submenu item 1</a></li> <li class="menu-item"><a href="#">Submenu item 2</a></li> <li class="menu-item enu-item-has-children"><a href="#">Submenu item 3</a> <ul class="sub-menu"> <li class="menu-item"><a href="#">Sub-Submenu item 1</a></li> <li class="menu-item"><a href="#">Sub-Submenu item 2</a></li> </ul> </li> </ul> </li> <li class="menu-item"><a href="#">menu item 2</a></li> <li class="menu-item"><a href="#">menu item 3</a></li> </ul> 我创建了一个辅助元素来关闭移动设备中的子菜单。我在函数中创建它，如下所示： var mainli_a = jQuery('#mobile_menu .menu-item-has-children > a'); mainli_a.on('touchstart click', function(e){ "use strict"; var link = jQuery(this); if (link.parent().hasClass('active')) { return true; } else { link.parent().addClass('active') link.parent().append('<span class="closesubmenu"> </span>'); // here I create the element e.preventDefault(); return false; } }); 我所说的元素是span.closesubmenu 然后，单击它，我想将一个类删除到其父元素，然后删除元素 .closesubmenu 本身。这就是我尝试的方法： jQuery('body').on('touchstart click', 'span.closesubmenu', function(e){ jQuery(this).parent().removeClass('active', 0, 'linear', function(){ jQuery(this).remove(); // this does not work }); }); 我在关闭子菜单的回调中尝试哪种操作并不重要。它不起作用。它只能这样工作： jQuery('body').on('touchstart click', 'span.closesubmenu', function(e){ jQuery(this).remove(); // this works }); 此外，如果我只在 2 行上进行 2 个操作，则只有第一个有效： jQuery('body').on('touchstart click', 'span.closesubmenu', function(e){ jQuery(this).remove(); // this works jQuery(this).parent().removeClass('active'); // this does not work }); jQuery('body').on('touchstart click', 'span.closesubmenu', function(e){ jQuery(this).parent().removeClass('active'); // this works jQuery(this).remove(); // this does not work }); 我在这里缺少什么？更新：我也尝试按照答案中的建议，将元素存储在 var 中以在回调中使用，如下所示： jQuery('body').on('touchstart click', 'span.closesubmenu', function(e){ var self = this; jQuery(self).parent().removeClass('active', 0, 'linear', function(){ jQuery(self).remove(); }); }); 但是它不起作用。更新2：jsFiddle https://jsfiddle.net/bluantinoo/yr4gdjdz/3/ 更新3：感谢大卫（选择的答案），这是正确且有效的小提琴：https://jsfiddle.net/bluantinoo/yr4gdjdz/6/ 您传递给.removeClass()的这些参数是什么？ jQuery(this).parent().removeClass('active', 0, 'linear', function(){ jQuery(this).remove(); }); 它只需要类名。而且它不是带有回调的异步操作。只需删除类，然后删除元素： jQuery(this).parent().removeClass('active'); jQuery(this).remove(); 示例。

javascript jquery callback dynamically-generated

回答 1 投票 0

下一步 14 生成元数据

我最近开始学习Next。我只是不明白为什么我不能有 Id 参数。设置为标题。 id 获取字符串。我的布局配置正确。 //src/app/characters/[id]/page....

typescript graphql metadata dynamically-generated next.js14

回答 1 投票 0

从随机字母生成有意义的文本

有没有办法从随机字母生成有意义的文本如前。如果我输入斯布拉斯该程序应该给出这个或类似的东西军刀如果以上要求得不到好的答复

python random programming-languages dynamically-generated

回答 2 投票 0

Echarts4r 在四开中以编程方式创建的选项卡集中不渲染？

以如何以编程方式在四开中生成选项卡集面板？中的示例，我已经在动态渲染的选项卡集中建立了渲染图表。我希望用