已解決430363個問題，去搜搜看，總會有你想問的

來自谷歌工作表腳本的下拉列表，帶有插入自由文本的選項

首頁猿問來自谷歌工作表腳本的下拉列表，帶有...

來自谷歌工作表腳本的下拉列表，帶有插入自由文本的選項

JavaScript

烙印99 2023-05-11 15:59:59

所以我試圖獲得一個下拉列表，該列表允許我也使用此代碼插入自由文本我可以從我在谷歌表格中選擇的范圍中選擇一個項目但是有沒有辦法讓它也允許文本輸入新的文本。這是我的代碼我也嘗試過使用數據列表（可能會更好）但是我無法讓它正常工作任何幫助將不勝感激<div class="row"> <script type="text/javascript"></script> <script> <? var sheet = SpreadsheetApp.openById("ID").getSheetByName("Sheet"); var lastRow = sheet.getLastRow(); var myRange = sheet.getRange("A2:A"+lastRow); var data = myRange.getValues(); ?> google.script.run.withSuccessHandler(populategetEmp1).getEmp1(); </script> <div class="form col-md-6"> <label for="emp1">Client</label> <select id = "emp1" class="form-control" > <option value="" ></option> <? for (var i = 0; i < data.length; ++i) { ?> <option ><?!= data[i] ?></option> <? } ?> </select> </div>

查看完整描述

1 回答

茅侃侃

TA貢獻1842條經驗獲得超22個贊

我相信你的目標如下。

您想要為下拉列表添加文本輸入。

在這種情況下，如何使用 datalist 標簽如下？

修改腳本：

function test() {

var value = document.getElementById("input").value;

console.log(value)

}

//google.script.run.withSuccessHandler(populategetEmp1).getEmp1();

//function populategetEmp1() {

// return;

//}

</script>

<label for="emp1">Client</label>

var sheet = SpreadsheetApp.openById("ID").getSheetByName("Sheet");

var lastRow = sheet.getLastRow();

var myRange = sheet.getRange("A2:A"+lastRow);

var data = myRange.getValues();

for (var i = 0; i < data.length; ++i) { ?>

<? } ?>

</datalist>

</div>

<button onclick="test()">Click</button>

當您打開 HTML 時，您可以將自由文本輸入到文本輸入中。

當您單擊文本輸入右側的倒三角形時，將顯示下拉列表。

當您單擊“單擊”按鈕時，將檢索該值，您可以在控制臺上看到它。

反對回復 2023-05-11

1 回答
0 關注
119 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

來自谷歌工作表腳本的下拉列表，帶有插入自由文本的選項

來自谷歌工作表腳本的下拉列表，帶有插入自由文本的選項

1 回答

添加回答

來自谷歌工作表腳本的下拉列表，帶有插入自由文本的選項