JavaScript 通過鏈接更改輸入值

Question

我有一個 foreach 函數，它列出了數組的所有成員。 我希望數組的成員是一個改變輸入值的鏈接。

我有讀取這樣的輸入的功能

<input type="text" id="syote" name="syote" value="" />
<button id="myBtn" onclick="submitti()">Submit</button>

function submitti(){

let current ="syote"

var txt = ""

    let array2 = [
    'soita',
    'sammuta',
    'google',
    'listaa',
    'oskari',
    'tee popup',
    '10',
    'input alas',
    'input ylös',
    'värillinen',
    'mustavalkoinen',
    'kysely'
    ]

if(syote.value.toLowerCase() == "listaaa"){
        document.getElementById("vas-col").className = "vasen";

        array2.forEach(myFunction);
        document.getElementById("result1").innerHTML = txt;

        function myFunction(value, array2) {
        txt = txt + "<a href=# onclick=Muuta()>" + value + "</a>" + "<br>"; 

        }
    }

function Muuta(value) {
    input.value = "asdasdasd";
}

這是有效的，它將輸入值更改為asdasdasd 。

我希望它更改與數組列表成員相同的輸入值。

我嘗試了這些但沒有成功：

function myFunction(value, array2) {
        txt = txt + "<a href=# onclick=Muuta(value)>" + value + "</a>" + "<br>";

function Muuta(value) {
    input.value = value;
}

function myFunction(value, array2) {
        txt = txt + "<a href=# title=value onclick=Muuta(this.title)>" + value + "</a>" + "<br>";

function Muuta(value) {
    input.value = value;
}

也找到了一些示例，但在我的情況下不起作用。 像這樣： javascript通過鏈接標題更改輸入值

Answer 1

幾個小時后，我找到了這個問題的解決方案。

有了這個，它的工作原理：

    if(syote.value.toLowerCase() == "listaa"){

        // Näissä kohdissa missä id:ssä on väliviiva täytyy käyttää edessä document.getElementById. Ilman sitä ei muuta classia ja näin ollen scroll ei ilmesty.
        document.getElementById("vas-col").className = "vasen scroll";

        array.forEach(ListaaKomennot);
        result1.innerHTML = txt;

        function ListaaKomennot(value, array) {
        txt = txt + "<a href='#' title='" + value + "' onclick='MuutaArvo(this.title);'>" + value + "</a>" + "<br>"; 
        }
    }

function MuutaArvo(arvo) {
    syote.value = arvo;
}

在標題中， '之前"非常重要，值之后反之亦然。沒有' ' ，當將輸入值更改為標題時，它會在空格后切掉。如果您只有沒有空格的單詞，那不是問題。

最好自己解決，我同時學到了很多新東西。 尤其是，如果您的 html id 名稱帶有-標簽，就像我在oik-col您必須使用沒有它的 document.getElementById，className 將不起作用。