Javascript code - генерирует случайный текст из отдельных блоков слов на основе внутреннего текста выпадающего списка

Question

var e = document.getElementById("select_list"); //drop down list
var textselected= e.options[e.selectedIndex].text; //selected text by user

var Select1 = [ //random text picker 1
  "Text1",
  "Text2",
  "Text3",
];

var Select2 = [ //random text picker 2
  "Text1",
  "Text2",
  "Text3",
];

var Select3 = [ //random text picker 3
  "Text1",
  "Text2",
  "Text3",
];

$("#click-button").click(function() { //button to pick random text

if (textselected.includes('textselected1')) { //if user selected 1 then 
$("#quote-box p").html(Select1[Math.floor(Math.random()*Select1.length)]);

 } else if (textselected.includes('textselected2')) {   
 $("#quote-box p").html(Select2[Math.floor(Math.random()*Select2.length)]);   


} else if (textselected.includes('textselected3')) {   
 $("#quote-box p").html(Select3[Math.floor(Math.random()*Select3.length)]);   

  }
});    

У меня есть выпадающий список на веб-сайте с идентификатором = 'select_list'. В основном, когда пользователь выбирает что-то, то внутренний текст выбора должен использоваться в качестве критерия для случайных текстовых цитат.

У меня есть три элемента в выпадающем списке с именем: textselected1, textselected2, textselected3

Если пользователь выбрал 'textselected1', то при нажатии на кнопку случайный текст будет генерироваться в 'кавычках' из случайноготекстовый список «Select1»

Если пользователь выбрал «textselected2», то та же кнопка нажата, но случайный текст будет сгенерирован в «цитате» из случайного текстового списка «Select2» и т. д.

Пожалуйста, нужна помощь с кодом, поскольку я начал что-то писать, но он не работает.

Любая помощь будет очень признательна.

Answer 1

Переместите эти строки

`var e = document.getElementById("select_list");
var textselected= e.options[e.selectedIndex].text;`

, чтобы щелкнуть функцию-обработчик следующим образом

`$("#click-button").click(function() {
var e = document.getElementById("select_list");
var textselected= e.options[e.selectedIndex].text;

if (textselected.includes('textselected1')) {    
$("#quote-box p").html(Select1[Math.floor(Math.random()*Select1.length)]);`