js获取select标签的值且兼容IE与firefox

为了获取select标签的值且兼容IE与Firefox，我们可以使用JavaScript编写代码。接下来，我将提供一个完整的攻略来帮助您实现这个目标。

获取select标签的值

我们可以使用JavaScript来获取select标签的值，以下是代码实现的步骤：

1. 首先，使用document.getElementById()方法获取到select标签的引用。
2. 然后，使用select.selectedIndex获取选中的选项的索引。
3. 最后，使用select.options[index].value获取选中选项的值。

以下是一个示例：

<select id="mySelect">
  <option value="1">A</option>
  <option value="2">B</option>
  <option value="3">C</option>
</select>

<script>
  var select = document.getElementById("mySelect");
  var selectedValue = select.options[select.selectedIndex].value;
  console.log(selectedValue);
</script>

在这个示例中，我们使用了document.getElementById()方法获取select标签，然后使用select.selectedIndex获取选中的选项的索引，最后使用select.options[index].value获取选中选项的值。

兼容IE与Firefox

要使我们的代码兼容IE与Firefox，我们可以使用条件语句来检查当前使用的浏览器是IE还是Firefox，并相应地编写代码。以下是一种实现方式：

<select id="mySelect">
  <option value="1">A</option>
  <option value="2">B</option>
  <option value="3">C</option>
</select>

<script>
  var select = document.getElementById("mySelect");
  var selectedValue;

  if (select.selectedIndex === -1) {
    selectedValue = select.options[select.value].value;
  } else {
    selectedValue = select.options[select.selectedIndex].value;
  }

  console.log(selectedValue);
</script>

在这个示例中，我们首先检查选中选项的索引是否为-1，如果是，则说明我们正在使用IE浏览器。在这种情况下，我们使用select.options[select.value].value获取选中选项的值。如果选中选项的索引不为-1，则我们正在使用Firefox浏览器，并且可以使用select.options[select.selectedIndex].value获取选中选项的值。

通过使用这种兼容性做法，无论使用哪种浏览器，都可以正确地获取select标签的值。