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

async componentDidMount() {
    await fetch(`http://www.example.com/React/data.php`, {
        method: 'POST',
        headers: {
            'Accept': 'application/json',
            'Content-Type': 'application/json',
        }

    }).then((response) => response.json()).then((responseJson) => {
        this.setState({
            isLoading: false,
            dataSource: responseJson,
            id: responseJson[0].id
        });
    }).catch((error) => {
        console.error(error);
    });
}

可能不是标题而是文字

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来附加新选项。

语法：新选项（text，value，defaultSelected，selected）

检查一下：

＆＃13;

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 )
} );

＆＃13;

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

＆＃13;

javascript显示下拉列表标题

3 个答案: