Javascript 在下拉列表中获取未选定选项的值_Javascript

Javascript 在下拉列表中获取未选定选项的值

javascript

Javascript 在下拉列表中获取未选定选项的值,javascript,Javascript,下面的Javascript代码获取下拉列表中所有选项的列表。乙二醇 var dropDown=document.getElementById'dropDownId'； var optionsList=dropDown.options；也是与每个下拉选项关联的值属性id。如何获取选项的id？例如，如何获得第二个选项的id？仅此而已 var idOfSecondOption = document.getElementById('dropDownId').options[1].id 说你有

下面的Javascript代码获取下拉列表中所有选项的列表。乙二醇

var dropDown=document.getElementById'dropDownId'； var optionsList=dropDown.options；

也是与每个下拉选项关联的值属性id。如何获取选项的id？例如，如何获得第二个选项的id？

仅此而已

var idOfSecondOption = document.getElementById('dropDownId').options[1].id

说你有

第一购股权第二种选择第三种选择然后你可以做类似的事情

函数getidsofoptionselect{ return Array.prototype.map.callselect.options，函数e{return e.id；}； } var option_id=getidsofoptionDocument.getElementById'dropDownId'； //[甲、乙、丙] console.logoption_id[1]；//第二个日志的日志id //B记录代码在元素存在后运行

您可以使用javascript：

var dropDown = document.getElementById('dropDownId');
var optionsList= dropDown.options;

返回下拉选项的数组。因此，只要您知道它们的顺序，就可以通过它们在数组中的索引获取任意一个。e、 g.因此，请列出：

<select id="dropDownId" name="cars">
  <option value="volvo">Volvo XC90</option>
  <option value="saab">Saab 95</option>
  <option value="mercedes">Mercedes SLK</option>
  <option value="audi">Audi TT</option>
</select>

一旦你有了它，你就可以从这个物品中得到任何你需要的东西，比如一个id

这里有一个小问题：

你说的某个选项是什么意思？我指的是任何选项。不仅仅是选定的选项。您的帖子让我找到了我的答案：选项列表[1]。值

<select id="dropDownId" name="cars">
  <option value="volvo">Volvo XC90</option>
  <option value="saab">Saab 95</option>
  <option value="mercedes">Mercedes SLK</option>
  <option value="audi">Audi TT</option>
</select>

<option value="volvo">Volvo XC90</option>

<!doctype html>
<html>
  <body>
    <select id="list-1">
      <option id="opt-id-1" name="opt-1" value="val-1">Option 1</option>
      <option id="opt-id-2" name="opt-2" value="val-2">Option 2</option>
      <option id="opt-id-3" name="opt-3" value="val-3">Option 3</option>
    </select>
  </body>

  <script>
    // first option (faster execution)
    var list = document.getElementById('list-1');
    var options = list.options;
    console.log(options[0].id);
    console.log(options[1].id);
    console.log(options[2].id);

    console.log('---');

    // another option (slower execution)
    console.log(document.querySelectorAll('#list-1 option')[2].id);
    console.log(document.querySelectorAll('#list-1 option')[1].id);
    console.log(document.querySelectorAll('#list-1 option')[0].id);
  </script>
</html>