javascript - 如何调用newTextBoxDiv.after().html中的JS函数？

Question

我document.write("<option></option>")在名为 laborlist() 的函数中选择 500 个选项。当用户单击选择时，它只是打印出页面上的所有 500+ s，没有其他内容。我不知道如何调用 newTextBoxDiv.after().html 中的 javascript 或 php 函数

newTextBoxDiv.after().html('<select  class="select2_single form-control" name="jobrequest' + counter + '"><option></option>' + laborlist() + '</select>');

另一个问题是哪种方法更快地制作 500 名劳工名单的数据库表并通过 AJAX 或我正在使用的方法调用它？谢谢您

function laborlist(){
    var labourList = document.getElementById("labourList");
    // use innerHTML instead of document.write()
    labourList.innerHTML +="<option>1</option><option>2</option><option>3</option>and so on";
    }

Answer 1

我认为这是不可能的。

相反，您可以为 select 标记指定一个 id，并在 laborlist() 函数中使用该 id将选项附加到它。

所以它会是这样的:

newTextBoxDiv.after().html('<select id="labourList" class="select2_single form-control" name="jobrequest' + counter + '"><option></option>' + '</select>');

function laborlist(){
    var labourList = document.getElementById("laborList");
    // use innerHTML instead of document.write()
    labourList.innerHTML += "<option>...</option>"
}