Javascript 将通过 while 循环获取的变量传递给外部函数 [duplicate]

问：

几天来，我一直在尝试解决这个问题。我正在通过一些结果来解析 Movie DB API，这些结果将显示在我的网页上。此解析是通过 AJAX 完成的。每个解析的项目都需要在 onclick 事件中嵌入一个变量，该变量应传递给外部函数。

当触发 onclick 函数时，该函数应接收此参数。该函数使用此参数/变量填充输入框。

为清楚起见，下面的代码经过高度简化（它可能包含编辑错误）。我正在尝试将变量传递给函数。但是当我点击时什么也没发生。**filmname**

        <div id=\"filmographydiv\"></div>
        <input type="text" id="myInput" onkeyup="myFunction()">


        <script>
            var resultHtml = $("<div class=\"resultDiv\">");

            let i = 1, n = pagecount
            while (i <= n) {
                $.ajax({
                    url: "https://api.themoviedb.org/3/discover/movie?api_key=0150e4123d125bdc&language=en-US&adult=false&sort_by=release_date.desc&page="+i+"&without_genres=99&with_cast=" + resourceId,
                    data: { "api_key": "0150e3d125bdc" },
                    dataType: "json",
                    success: function (result, status, xhr) {
                        for (i = 0; i < result["results"].length; i++) {
                            // Collects movie poster and mobvie name                
                            var filmname = result["results"][i]["original_title"];
                            var poster = "https://image.tmdb.org/t/p/w500/" + result["results"][i]["poster_path"];


                            var checkexist = "<img onclick='searchmovie(" + filmname + ")' src='includes/images/searchicongreen.png'";
                            
                            //The below  code enables usage of Tooltipster tip.
                            $(document).ready(function() {
                                $('.tooltip').tooltipster({
                                contentAsHTML: true,
                                });
                            }); 
                        // Renders store variable Renders the results into the pagae.r
                        resultHtml.append("<img class=\"tooltip\" title=\" "+ checkexist + " src=\"" + poster + "\" >")
                    }
                }
              });
              i += 1;
            }
                
            resultHtml.append("</div>");
            $("#filmographydiv").html(resultHtml);  
        </script>



        <script>
            function searchmovie(film) {
                $('#myInput').val(film);
            }
        </script>

为了测试，我更改了这一行：

var checkexist = "<img onclick='searchmovie()' src='includes/images/searchicongreen.png'";

而这个......

            <script>
            function searchmovie(film) {
                $('#myInput').val("Star Wars");
            }
        </script>

我的输入框正确地填写了“星球大战”

我该怎么做才能正确地将变量传递给函数？

谢谢。