jQ写一个点击option 新增加一个下拉列表的代码
时间: 2023-05-22 15:06:32 浏览: 125
请见以下代码:
```
$(document).on('click', '.add-option', function() {
var newOption = $('<option></option>');
$(this).prev().append(newOption);
});
```
这个代码将会在一个下拉列表的下面添加一个新的选项。注意,这个代码需要一个类为 "add-option" 的元素来触发点击事件。
相关问题
使用了一个循环(list)来遍历一个名为 flowNodeList 的列表,并在每次循环中使用条件判断(if)来判断当前遍历到的节点是否需要被选中或者作为一个可选项添加到下拉列表中。其中,对于 auditBy 属性等于 ROLE_YWBZ 的节点,使用了 selected 属性来标记为当前选中项;对于其他节点,只要它们的 auditBy 属性不等于 roleCode 变量的值,就将它们添加为可选项。用jq怎么写
如果想要使用 jQuery(通常称为 $,是一个流行的 JavaScript 库)来动态生成这个下拉列表,可以参考以下代码示例:
```javascript
var options = '';
$.each(flowNodeList, function(index, node) {
if (node.auditBy == 'ROLE_YWBZ') {
options += '<option selected value="' + node.auditBy + '">' + node.auditName + '</option>';
} else if (node.auditBy != roleCode) {
options += '<option value="' + node.auditBy + '">' + node.auditName + '</option>';
}
});
$('#selectId').html(options);
```
这个代码片段首先定义了一个空字符串变量 options,然后使用 jQuery 的 each 函数来遍历 flowNodeList 列表中的每一个元素(即节点对象)。在每次遍历时,使用 if 语句来判断当前节点是否需要生成一个选项,并将生成的选项字符串添加到 options 变量中。最后,使用 jQuery 的 html 函数来将 options 变量的值设置为指定下拉列表的 HTML 内容,从而动态生成下拉列表的选项。需要注意的是,代码中的 selectId 需要替换为实际的下拉列表元素的 ID。
阅读全文