Разделить элемент 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]); 
    } 
    ...