html 表單包含輸入元素。
Javascript 和 jquery 代碼用于在運行時創建選擇元素并將其插入到元素之后elem并為其分配 Bootstrap 5 類：
let selectArray = ["Intv Scheduled", "Selected", "Rejected", "On Hold"];
let id = 'Customer';
$('#' id).remove();
var selectList = document.createElement("select");
selectList.id = selectList.name = id;
selectList.className = "form-select";
elem.after(selectList);
for (var i = 0; i < selectArray.length; i ) {
var option = document.createElement("option");
option.value = option.text = selectArray[i];
selectList.appendChild(option);
}
selectList.focus();
用戶使用回車鍵選擇專案。按回車后選擇元素仍然是焦點。
如果按下回車鍵，如何將焦點移動到表單中的下一個元素？
如何$('#' id).remove()用純 JavaScript替換以便洗掉 jQuery 依賴項？
uj5u.com熱心網友回復：
有點難以猜測你在要求什么。
SO 上已經有多個建議和答案。
Enter 按鍵的行為類似于 Javascript 中的 Tab
document.addEventListener('keydown', function (e) {
if (event.keyCode === 13 && event.target.nodeName == 'SELECT') {
var form = event.target.closest('form');
var index = Array.prototype.indexOf.call(form, event.target);
form.elements[index 1].focus();
return false;
}
});<form>
<div id = "Customer">Customer</div>
<select>
<option value = "">Test</option>
<option value = "">Test</option>
</select>
<input type = "text">
<select>
<option value = "">Test</option>
<option value = "">Test</option>
</select>
<select>
<option value = "">Test</option>
<option value = "">Test</option>
</select>
<input type = "text">
</form>uj5u.com熱心網友回復：
有兩種純 JavaScript 方法用于替換$(...).remove()jQuery 中的函式。
解決方案一 - .remove()功能。
let id = "";
// Find the element then remove it
document.getElementById(id).remove();
參考：
- https://developer.mozilla.org/en-US/docs/Web/API/Element/remove
解決方案二 - 找到父節點然后使用該.removeChild()方法。
let id = "";
// Find the element mentioned
let element = document.getElementById(id);
// Find the elements parent node
let parent = element.parentNode;
// Remove the element from the parent
parent.removeChild(element);
參考：
- https://developer.mozilla.org/en-US/docs/Web/API/Node/removeChild
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/399009.html
標籤：javascript html 查询