如何实现仅下拉选择框中Facebook选项触发URL跳转，其余选项无动作

没问题，咱们只需要给onchange事件加个条件判断，只有当选中的选项值是Facebook的URL时才执行跳转，其他情况啥也不做。这里给你两种实现方式：

方式一：Inline 条件判断（简单直接） #

直接在onchange里写判断逻辑，适合简单场景：

<select onchange="if (this.value === 'http://www.facebook.com') { location = this.value; }">
  <option>Please select</option>
  <option value="Apple">Apple</option>
  <option value="BBC">BBC</option>
  <option value="http://www.facebook.com">Facebook</option>
</select>

方式二：抽成独立函数（利于维护） #

如果以后需要扩展逻辑，把判断抽成单独的函数会更清晰：

<script>
function handleSelectJump(selectEl) {
  const selectedVal = selectEl.value;
  // 只在选中Facebook对应的URL时跳转
  if (selectedVal === 'http://www.facebook.com') {
    window.location.href = selectedVal;
  }
}
</script>

<select onchange="handleSelectJump(this)">
  <option>Please select</option>
  <option value="Apple">Apple</option>
  <option value="BBC">BBC</option>
  <option value="http://www.facebook.com">Facebook</option>
</select>

逻辑说明 #

• 两种方式核心都是增加条件判断：先获取当前选中的选项值，只有当它等于Facebook的URL时，才执行location跳转操作
• 选择其他选项（包括默认的"Please select"、Apple、BBC）时，因为value不匹配判断条件，所以不会触发任何跳转行为

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