javascript - 获取 HTML 选项中的属性值

Question

我的代码:

<select class="form-control valid">
    <option isday="False" value="2">Value 1</option>
    <option isday="True" value="3">Value 2</option>
    <option isday="True" value="4">Value 3</option>
</select>

我需要获取值isday。

Answer 1

第一种方法，您必须为每个方法提供 ID。 您可以使用 jQuery:

var value_of_isday = $('#your-id').attr('isday');

或者，您可以使用 JavaScript :

var value_of_isday = document.getElementById('#your-id').getAttribute('isday');

第二种方法，您可以使用类或标签名称，但是，您必须知道您可以通过索引访问具有特定类或标签名称的特定元素(第一个索引为0):

var isday_of_first_element = document.getElementsByClassName('your-class')[0].getAttribute('isday'); //using class
var isday_of_last_element = document.getElementsByTagName('option')[document.getElementsByTagName('option').length - 1].getAttribute('isday'); //using tag name
// [0] = first element index, [1] = second element index,.....,[document.getElementsByClassName('your-class').length - 1] or [document.getElementsByTagName('tag-name').length - 1] = last element index

您还可以使用循环遍历所有选项并从每个选项中获取所有 isday 值:
假设您的所有选项元素都有一个 class="option" :

var Select=document.getElementsByClassName('option');
for (var i=0;i<Select.length;i++) {
    var isday_of_current_option=Select[i].getAttribute('isday');
}