javascript - 通过占位符获取元素。代码不工作

Question

当我通过 ID 获取元素时，下面 JsFiddler 中的代码可以工作，但是当我尝试通过占位符获取它时(因为我尝试与之交互的输入中没有 ID)代码将无法工作.我的尝试如下:

var el = $("[placeholder='Select Country']");
var el = $("input:placeholder(Select Country)");
var el = $("input").attr("placeholder","Select Country");
var el = document.querySelectorAll('[placeholder="Select Country"]');

function setKeywordText(text) {
    var el = document.getElementById("gwt-debug-keywords-text-area");
    el.value = text;
    var evt = document.createEvent("Events");
    evt.initEvent("change", true, true);
    el.dispatchEvent(evt);
}

setKeywordText("test");

<input type="text" placeholder = "Select Country" id ="gwt-debug-keywords-text-area" />

谢谢，

Answer 1

var el = $('*[placeholder="Select Country"]');

您可能必须将输入引用为:

el[0]