javascript显示下拉列表标题

Question

我有一个通过javascript的下拉列表，并且工作正常。
问题是如何显示下拉菜单的标题（是/否）。

 function createSelect2(tag) {
 var select = document.createElement("select");
 select.id = "select-" + rowNumber;
 var array = [{
  title: "YES!",
  value: "return 0;"
 },
 {
  title: "NO",
  value: "return 1231 * area;"
 }
 ];
 tag.appendChild(select);

我尝试在其他功能中使用以下方法，但无法正常工作

var h = document.getElementById("tag");
var yesno = h.options[h.selectedIndex].text;

请咨询thannkss

Answer 1

<html>

<div id = "tag">

</div>

<script>
function createSelect2(tag) {
var select = document.createElement("select");
var opt1 = document.createElement("option");
var opt2 = document.createElement("option");

opt1.value = "return 0;";
opt1.text = "YES";
opt1.title = "YES!"

opt2.value = "return 1231 * area;";
opt2.text = "NO!";
opt2.title = "NO!"

select.add(opt1, null);
select.add(opt2, null);

tag.appendChild(select);
}

createSelect2(document.getElementById("tag"));
</script>

</html>

也许不是标题而是文字

Answer 2

var arr = ["Yes", "No"];
    for(var i=0; i < arr.length; i++){
        var option = document.createElement("option");
        option.text = arr[i];
        option.value = arr[i];
        var select = document.getElementById("tag");
        select.appendChild(option);
    }

Answer 3

为了避免编写和附加HTML并坚持使用更多JavaScript方法，可以通过创建new option object来附加new option object 。

语法： new选项（文本，值，defaultSelected，selected）

检查一下：

 var div = document.getElementById( 'container' ), select = document.createElement( 'select' ); select.options.add( new Option( 'YES!', 0, true, true ) ); select.options.add( new Option( 'NO', 1231 ) ); div.appendChild( select ); select.addEventListener( 'change', function () { var selectedIndx = this.selectedIndex; console.log( 'Title: ' + this.options[ selectedIndx ].label + ' Value: ' + this.options[ selectedIndx ].value + ' Default: ' + this.options[ selectedIndx ].defaultSelected ) } );

 <div id="container"></div>

javascript显示下拉列表标题

问题描述

3 个解决方案

解决方案1
0 2018-05-23 06:20:18

解决方案2
0 2018-05-23 06:39:45

解决方案3
0 2018-05-23 07:04:17

javascript显示下拉列表标题

问题描述

3 个解决方案

解决方案1 0 2018-05-23 06:20:18

解决方案2 0 2018-05-23 06:39:45

解决方案3 0 2018-05-23 07:04:17

解决方案1
0 2018-05-23 06:20:18

解决方案2
0 2018-05-23 06:39:45

解决方案3
0 2018-05-23 07:04:17