我怎样才能(仅使用 ajax)在 setInterval 之后保持所选值处于选中状态


how can i (using ajax only), keep the selected value selected after setInterval?

  function RecupText2() {
    var ajaxRequest = ajaxFunction();
    ajaxRequest.open("GET","ajax2.php",true);
    ajaxRequest.onreadystatechange = function(){
        if( ajaxRequest.readyState==4 && ajaxRequest.status==200){
            document.getElementById("remplir").innerHTML= ajaxRequest.responseText;
        }
    }
    ajaxRequest.send(null);
}
var interval = setInterval(RecupText2, 1000);

设置间隔每秒更新一次选择列表,这会将所选值更改为第一个选项!谢谢!

您可以使用 HTML5 数据属性来存储所选选项。这里;下面是一个示例。此示例要求并假设使用 JQuery...

        <html>
            <head>
                <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
                <script type="text/javascript">
                    (function($) {
                        /** THE DOM HAS FULLY LOADED & NOW JQUERY CAN INTERACT WITH IT... */
                        $(document).ready(function(){
                            //RESET THE data-selected ATTRIBUTE EACH TIME THE VALUE OF THE SELECT DROP-DOWN CHANGES
                            $("#options-list").on("change", function(evt){
                                $(this).attr("data-selected", currentElem.val());
                            });
                            // MAKE SURE TO SET THE VALUE OF THE SELECT TO THE VALUE OF THE data-selected ATTRIBUTE AT EACH INTERVAL CHANGE
                            // SO WITHIN THE CODE THAT UPDATES THE SELECT, DO LIKE SO
                            $("#options-list").val( $("#options-list").attr("data-selected") );
                        });
                    })(jQuery);
                </script>
            </head>
            <body>
                <select name="options-list" id="options-list" class="options-list" data-selected="3">
                    <option value="10">Ten</option>
                    <option value="9">Nine</option>
                    <option value="8">Eight</option>
                    <option value="7">Seven</option>
                    <option value="6">Six</option>
                    <option value="5">Five</option>
                    <option value="4">Four</option>
                    <option value="3">Three</option>
                    <option value="2">Two</option>
                    <option value="1">One</option>
                </select>
            </body>
        </html>

希望这有所帮助....