Javascript Jquery的HTML数据不工作

这是从中调用它的数组。 我有一个函数，我想做的是在你改变选择后显示一个文本

$vak=array(
    "algemeen"=>array(
        'title' => 'Algemeen',
        'maxWoordPerDag' => 100,
    ),
    "technischict"=>array(
        'title' => 'Technisch/ICT',
        'maxWoordPerDag' => 10,
    ),
    "juridisch"=>array(
        'title' => 'Juridisch',
        'maxWoordPerDag' => 10,
    ),
    "marketing"=>array(
        'title' => 'Marketing',
        'maxWoordPerDag' => 10,
    ),
    "websiteshop"=>array(
        'title' => 'Website/shop',
        'maxWoordPerDag' => 10,
    ),
    "medisch"=>array(
        'title' => 'Medisch',
        'maxWoordPerDag' => 10,
    ),
    "financieel"=>array(
        'title' => 'Financieel',
        'maxWoordPerDag' => 10,
    ),
    "beëdigd"=>array(
        'title' => 'Beëdigd',
        'maxWoordPerDag' => 10,
    )
);

这是选择框

<label>Vakgebied</label>
<p id="maxwoorden"></p>
<select id="vakgebied" 
    class="form-control"   
    name="vakgebied">
    <?php foreach($vak as $key => $value): ?>
    <option data-max="<?php echo $value['maxWoordPerDag'];?>" value="<?php echo $key?>">
    <?php echo $value['title'] ?></option>
    <?php endforeach; ?> 
</select> 

Vakgebied

这是我的Jquery代码

<script type="text/javascript">
    $(document).ready(function()
    { 
        $("#vakgebied").on('change', function()
        {
            var current = $(this).find("option:selected").html();
            alert(current);
            var maxdata = $(this).find('option.selected').attr('data-max');
            alert(maxdata);
        });          
    });          

$（文档）.ready（函数（）
{ 
$（“#vakgebied”）.on（'change'，function（）
{
var current=$（this）.find（“选项：选定”）.html（）；
警报（当前）；
var maxdata=$（this.find（'option.selected'）.attr（'data-max'）；
警报（maxdata）；
});          
});          

当我向maxdata发出警报时，我将未定义为输出。

---

是否有人知道我为什么未定义为输出，以及如何修复此问题。

您已选择了

，而不是
：在第二个选项中选择了
：

var maxdata = $(this).find('option:selected').attr('data-max');

这正是正确的答案。也将要键入此内容：）