我有一個(gè)使用 HTML、JQuery 和 PHP 編寫的自定義知識(shí)庫的管理面板,它讀取 XML 文件并允許通過 HTML 表單向文件添加更多記錄。該頁面發(fā)送新記錄,然后通過 AJAX 進(jìn)行更新。XML 記錄代表知識(shí)庫文章,我最近為這些記錄添加了標(biāo)簽,以便更好地搜索和分類。我遇到的問題是尋找另一種方法來處理在插入之前將多個(gè)標(biāo)簽添加到 HTML 表單以獲取新記錄。我不是在尋找關(guān)于執(zhí)行此操作的“最佳”方法的意見,而是在尋找我可能不具備的 HTML、JQuery 或 PHP 支持的不同功能的知識(shí),這些功能將使我能夠?qū)崿F(xiàn)在之前添加多個(gè)標(biāo)簽的目標(biāo)提交表格。我有三個(gè)目標(biāo):1)能夠選擇一個(gè)標(biāo)簽,將其添加到表單中的列表中,然后在提交之前根據(jù)需要添加更多標(biāo)簽;2)能夠以可讀、可滾動(dòng)的方式顯示所選標(biāo)簽,最后3)如果可能,無需以編程方式添加(然后讀?。┒鄠€(gè)輸入字段即可執(zhí)行此操作。我知道我可以添加一個(gè)input type=text、一個(gè)select input 和一個(gè)按鈕,并使用 JavaScript 將填充有所選標(biāo)簽的字符串填充文本輸入,并使用已知的安全字符分隔整個(gè)字符串以分隔每個(gè)標(biāo)簽。然后我可以通過我的 AJAX 查詢傳遞這個(gè)輸入字段,并處理 AJAX 調(diào)用的 PHP 文件中的字符串。這似乎是解決此問題的錯(cuò)誤方法。此外,這不符合目標(biāo) (2)。我也知道我可以將選擇輸入與多個(gè)一起使用,但這也使目標(biāo) (2)失敗,并且當(dāng)我有一個(gè)包含 100 個(gè)標(biāo)簽的列表時(shí),我需要在列表的不同位置添加其中的 15 個(gè),這會(huì)適得其反。還有另一種方法可以做到這一切嗎?再次強(qiáng)調(diào),首先不要尋找關(guān)于“最佳”方法的意見,甚至不是意見,只是為了獲得我可能不知道的知識(shí)、更正或提示,這將實(shí)現(xiàn)我正在尋找的東西。我在下面包含了我的 JQuery 代碼、我的表單 HTML/PHP 和我的 XML 文件示例。查詢:$('#submit_add').click(function(){ var clickBtnValue = $(this).val(); var articleId = $("#id").val(); var articleTitle = $("#title").val(); var articleFilepath = $("#filepath").val(); var articleLevel = $("#level").val(); var ajaxurl = 'kb_add_article.php', data = {'action': clickBtnValue, 'id': articleId, 'title': articleTitle, 'filepath': articleFilepath, 'level': articleLevel}; $.post(ajaxurl, data, function (response) { // Response div goes here. alert(response); });});
在提交之前是否有另一種方法可以在 HTML 表單中添加多個(gè)標(biāo)簽?
當(dāng)年話下
2023-03-11 15:20:50