要使用 jQuery 填充选择列表,请使用 for 循环以及 append(),并将选项添加到已创建的选择中。假设我们有以下带有选项的选择 − John David 示例以下是使用 append() 附加更多选项的代码 − 动态演示 文档 John David $(document).ready(function () { var data = [ { "name": "Bob", "customerName": "Bob" }, { "name": "Mike", "customerName": "Mike" } ]; for (var index = 0; index
假设我们有以下按钮 −单击上述按钮,使用 on() 调用 function() −$('#buttonId').on('click', function () { displayTheData(); })上述函数使用 html() 来显示以下 div − 我在 div 标记内... 示例以下是打印 div 内容的完整代码 − 动态演示 文档 我在 div 标记内... 我不在 div 标记内... $('#buttonId').on('click', function () ... 阅读更多
假设以下是我们的第一个选择 − John David Bob Mike Sam Carol 以下是我们的第二个选择 − David Mike Carol 我们需要删除第一个选择中的选项,这些选项与第二个选择中的选项相似。为此,请使用 val()。以下是完整的代码 −示例 动态演示 文档 John David Bob Mike Sam Carol David Mike Carol $('#remaining_name > option').each(function (i, el) { var value = $(el).val(); $('#all_present_name > option[value="' + value + '"]').remove(); }); 输出输出如下所示 −
假设以下是我们的输入类型,值为“John Smith” −要更改,请使用 attr() 方法 −$('#changeTheName').attr('value', 'Please enter your name.......');您需要使用 attr() 的概念。以下是代码 −示例 动态演示 文档 $('#changeTheName').attr('value', 'Please enter your name.......'); 要运行上述程序,请将文件名保存为“anyName.html(index.html)”并右键单击该文件。在 VS Code 编辑器中选择“使用实时服务器打开”选项。输出这将产生以下输出 −