Javascript代码-基于下拉列表内部文本从单独的单词桶中生成随机文本

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)]);   

  }
});    

我在网站上有一个ID ='select_list'的下拉列表基本上，当用户选择某些内容时，则需要将选择内部文本用作随机文本qoutes的标准。

我在下拉列表中有三个项目分别是：textselected1，textselected2，textselected3

[如果用户选择了'textselected1'，则当单击按钮时，将在随机文本列表'Select1'的'quote-box'中生成随机文本

如果用户选择了'textselected2'，则单击了相同的按钮，但将在'quote-box'中生成随机文本，该文本将来自随机文本列表'Select2'等。

[在我开始写一些东西时，请在代码方面需要帮助，但这是行不通的。

任何帮助将不胜感激。

Answer 1

移动这些行

`var e = document.getElementById（“ select_list”）;var textselected = e.options [e.selectedIndex] .text;`单击处理程序功能