javascript - 将 JSON 元素拆分为单独的元素并将任何新元素添加到下拉列表的选项中？

Question

我是使用 JSON 的初学者，并且没有太多使用它，如何将电视节目的类型拆分为单独的类型，并将任何新的类型添加到下拉列表的选项中？我想分割带有“|”的流派然后将它们添加到第二个下拉列表中选择作为选项。如何将“喜剧”设置为默认选项？提前致谢。

 $(function () {
            $("#chooseByGenre").click(function () {
                var text = $("#yourGenre").val();
                text = text.replace(/\|, " ");
                var edg = text.split("");
                $("#genreSelection").html("");

                for (i = 0; i < edg.length; i++) {
                    if (edg[i] < "a" || edg[i] > "z") {
                        $("#genreSelection").append("<br />");
                    }
                    else {
                        $("#genreSelection").append('<img src="sign' + edg[i] + '.g" />');
                    }

                }
            }); 

默认选项代码:

var JSON_Response;
$(document).ready(function () {

    $.getJSON('Show.json', function (data) {
        JSON_Response = data;  


        var mySelect = document.getElementById("selShow");

        for (i = 0; i < JSON_Response.shows.length; i++) {
            var myOption = document.createElement("option");
            myOption.text = JSON_Response.shows[i].Title;
            myOption.value = i;
            try {

                mySelect.add(myOption, mySelect.options[null]);
            }
            catch (e) {
                mySelect.add(myOption, null);
            }
        } //end for 



var mySelect2 = document.getElementById("selGenre");

        for (i = 0; i < JSON_Response.shows.length; i++) {
            var myOption2 = document.createElement("option");
            myOption2.text = JSON_Response.shows[i].Genre;
            myOption2.value = i;
            try {

                mySelect2.add(myOption2, mySelect2.options[null]);
            }
            catch (e) {
                mySelect2.add(myOption, null);
            }
        } //end for 

    }); //end getJSON

Answer 1

也许你可以这样尝试？ (尚未测试):

   ...
   try {
       if ( myOption2.text == 'comedy') {
          myOption2.setAttribute("selected", "selected");
       }
       mySelect2.add(myOption2, mySelect2.options[null]);
    }
    ...