Question

我的代码：

find_event.php

我需要获取值<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>。

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

您还可以使用循环遍历所有选项并获取每个选项的所有日期值：
我们假设您的所有选项元素都有class="option"：

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

Answer 2

要在普通的javascript中执行此操作，您可以执行以下操作：

如果您可以在选择中添加ID，则可以将其作为此

var select = document.getElementById("yourSelect");

//Get selected
var selected = select.options[select.selectedIndex].getAttribute('isday');

//Get all
var y;
for (y = 0; y < select.length; y++) {
     var isDay = select.options[y].getAttribute('isday');
}

按类

获取选项值

var elements = document.getElementsByClassName("valid");
var i;
for (i = 0; i < elements.length; i++) {

    if(elements[i].tagName === 'SELECT') {

        //Get selected
        var selectedOption = elements[i].options[elements[i].selectedIndex].getAttribute('isday');

        //Get all
        var y;
        for (y = 0; y < elements[i].length; y++) {
             var isDay = elements[i].options[y].getAttribute('isday');
        }   
    }
}

Answer 3

要获取所选选项isday属性，您可以使用

var isday = $('.valid option:selected').attr('isday');

Answer 4

您可以通过jquery中的id访问它来获取所选元素：

<select class="form-control valid" id ="mySelect">

var selectedValue = $('#mySelect').val();

Answer 5

<强> https://jsfiddle.net/jwpuaubx/

$("#myControl").on('change',function(){
    var a=$("#myControl option:selected").attr("isday");
  alert(a);
});

获取HTML中选项的属性值

5 个答案: