我如何与<option> </option>进行交互

Question

让我说我有

<select>
  <option value="longSleeve">Long Sleeve</option>
  <option value="shortSleeve">Short Sleeve</option>
</select>

如何在按下一个代码时让代码执行某些操作。 例如，当选择“Long Sleeve”时如何将变量设置为1，当选择“Short Sleeve”时将变量设置为2，然后再选择“Long Sleeve”将其设置为1。

同时原谅我在编码方面的骄傲

Answer 1

您要找的是onchange事件处理程序，jQuery您可以使用.change()或.on('change', handler)这样：

var someVariable;
$('select').on('change', function(){
     someVariable = this.selectedIndex + 1;
 });

Answer 2

使用jquery，你总是可以添加像

这样的监听器

.click()

到你的html代码上的任何标记，也许你可以在该标记中添加一个id

<option id="firstOption" value="longSleeve">Long Sleeve</option>

并且有类似

的内容

$("#firstOption").click(function(){
   alert("click First option!");
});

希望这有帮助：）

link to jquery reference...