Javascript 使用js在select上获取所选项目

听着，我快疯了，我不能在一个普通的选择下拉列表中获取所选项目。列表的值是用js动态创建的

我有一个项目列表，这些项目是表中的列，我希望当我单击某个项目时，该列将添加到表中，如果我再次单击该项目，该列将被删除

我曾尝试将更改事件与jquery一起使用，将onchange事件与js一起使用，但如果我在一行中选择该项两次，则会添加该列，但不会删除该列，因为该值没有更改。 我试着给select的选项一个onclick事件，但是当我点击一个选项时什么也没发生。我已尝试使用以下代码从select with jquery中捕获单击的选项：

$("#selectTableLt").on("click", "option", function() {
let clickedOption = $(this);
console.log(clickedOption);
});

但什么也没发生

有人能帮我吗？多谢各位

编辑：

我的html：

<select name="leftColumns" id="selectTableLt"></select>

我用javascript加载选项，但它们看起来像：

<option value="opt1">Option 1</option>

---

非常简单

这里有一个解决方案来处理多次单击事件并获取下拉选择值

var oldValue=null； $document.onclick，选择TableLT，函数{ s=这一美元； val=s.val； 如果oldValue==null{ oldValue=val； }否则{ var newValue=s.val； 如果newValue！={ var finalVal=oldValue==s.val？oldValue:newValue； console.logfinalVal } $document.unbind'click.valueCheck'； oldValue=null； } } 一 二 看看这个

从下拉列表中选择 从下拉列表中选择

这里的结果

-挑选- 美国 印度 英格兰 函数GetSelectedValue{ var e=document.getElementByIdcountry； var result=e.options[e.selectedIndex]。值； document.getElementByIdresult.innerHTML=结果； } 函数GetSelectedText{ var e=document.getElementByIdcountry； var result=e.options[e.selectedIndex].text； document.getElementByIdresult.innerHTML=结果； } 获取选定值 获取所选文本

---

不，它不起作用。我更改了它，甚至在chrome的开发工具中设置了一个断点，并单击select的选项，它并没有停止。我没有获得eventTry更新的代码，我现在必须绑定更改事件现在它可以工作了，但是如果我单击选项1，它会登录控制台选项1，但是如果我单击其他时间选项1，它不会做任何事情，因为值没有更改，但我需要在相同的选项中捕获第二次单击。我们使用“更改事件”将更改替换为“单击”，然后它就会工作，。我在answerWOW中添加了相同的代码！它工作得很好！你真是不可思议！哈哈哈，非常感谢！我快晕过去了！哈哈哈，我觉得看到你的HTML markupHi@Avinash会有帮助，alexmaza_wd想使用click事件来代替它，情况也是一样，它总是记录结果，即使我只是单击select来部署列表，因为我不能用外部按钮来做，我必须用select来做，但是谢谢！