如何打印选择标签对应值的名称？

Question

我们可以使用以下命令打印选择选项的值 document.querySelector（“。choose”）。value;但我需要它的名称对应的值 例如：如果select的值为“ VAR CHAR”，但您需要将名称打印为文本

<select name='choose' class='choose'>
<option name='text'>VAR CHAR</option>
<option name='number'>NUMBER</option>
<option name='radio'>RADIO</option>
<option name='checkbox'>CHECK BOX</option>
<option name='email'>EMAIL</option>
<option name='file'>FILE</option>
<option name='date'>DATE</option>
<option name='password'>PASSWORD</option>
<option name='range'>RANGE</option>
<option name='tel'>TELEPHONE</option>
<option name='submit'>SUBMIT</option>
<option name='button'>BUTTON</option>
<option name='reset'>RESET</option>
</select>

Answer 1

您选择的元素具有一个名为“ choose”的类，您可以使用以下由jquery编写的代码。

$('.choose').on('change', function() {
    var selectedOption = $(this).find('option:selected');
    name = selectedOption.attr('name');
});

Answer 2

看起来您知道如何选择元素。现在您要做的就是

var name = element.getAttribute("name");

然后打印它。

Answer 3

只是尝试了一些东西。

document.querySelector('.choose').selectedOptions[0].getAttribute('name');