技术求助：如何检测select框选项值是否含'08C'并弹出alert(true)？

没问题！我来一步步帮你搞定这个需求，不管用原生JavaScript还是jQuery都有简单的实现方式，代码我会写得尽量直白，你直接复制调整就能用～

这个是页面一打开就自动检查下拉框里有没有符合条件的选项，有的话就弹框。

原生JavaScript实现 #

假设你的下拉框是这样的（给它加个id方便定位，比如mySelect）：

<select id="mySelect">
  <option value="01A">选项1</option>
  <option value="08C">选项2</option>
  <option value="03B">选项3</option>
</select>

对应的JS代码：

// 等页面所有元素加载完成再执行
window.addEventListener('DOMContentLoaded', function() {
  // 获取下拉框元素
  const mySelect = document.getElementById('mySelect');
  // 遍历下拉框里的每一个选项
  for (let i = 0; i < mySelect.options.length; i++) {
    // 检查当前选项的value是否包含'08C'
    if (mySelect.options[i].value.includes('08C')) {
      alert(true);
      // 找到一个就停止遍历，节省资源
      break;
    }
  }
});

jQuery实现 #

如果你的项目已经引入了jQuery，用这个更简洁：

// 等页面加载完成
$(document).ready(function() {
  // 筛选所有value包含'08C'的选项，判断是否存在
  const hasMatch = $('#mySelect option[value*="08C"]').length > 0;
  if (hasMatch) {
    alert(true);
  }
});

这个是用户选了某个选项后，才检查当前选中的那个值是否符合条件。

原生JavaScript实现 #

window.addEventListener('DOMContentLoaded', function() {
  const mySelect = document.getElementById('mySelect');
  // 给下拉框绑定"切换选项"的事件
  mySelect.addEventListener('change', function() {
    // 获取当前选中的选项的value
    const selectedValue = this.value;
    // 检查是否包含'08C'
    if (selectedValue.includes('08C')) {
      alert(true);
    }
  });
});

jQuery实现 #

$(document).ready(function() {
  // 监听下拉框的切换事件
  $('#mySelect').on('change', function() {
    const selectedValue = $(this).val();
    if (selectedValue.includes('08C')) {
      alert(true);
    }
  });
});

小提示 #

如果你的下拉框没有id，可以用类名或者标签选择器来定位，比如原生JS里用document.querySelector('.your-select-class')，jQuery里用$('.your-select-class')，但给下拉框加个唯一的id是最不容易出错的方式～

内容的提问来源于stack exchange，提问作者BobbyJones