显示下拉列表标题的javascript_Javascript

显示下拉列表标题的javascript

javascript

显示下拉列表标题的javascript,javascript,Javascript,我有一个用javascript编写的下拉列表，它工作正常。问题是如何显示下拉列表的标题（是/否） function createSelect2(tag) { var select = document.createElement("select"); select.id = "select-" + rowNumber; var array = [{ title: "YES!", value: "return 0;" }, { title: "NO", value: "

我有一个用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;

请告知Thankss


<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>

函数createSelect2（标记）{
var select=document.createElement（“select”）；
var opt1=document.createElement（“选项”）；
var opt2=document.createElement（“选项”）；
opt1.value=“返回0；”；
opt1.text=“是”；
opt1.title=“是！”
opt2.value=“返回1231*区域；”；
opt2.text=“否！”；
opt2.title=“否！”
select.add（opt1，空）；
select.add（opt2，空）；
tag.appendChild（选择）；
}
createSelect2（document.getElementById（“标记”））；

可能不是标题，而是文本

var arr=[“是”、“否”]；
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);
    }

对于（变量i=0；i

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

新选项对象来附加新选项
语法：新选项（文本、值、默认选定、选定）
选中此项：

var div=document.getElementById（'container'），
select=document.createElement（'select'）；
select.options.add（新选项（'YES！'，0，true，true））；
select.options.add（新选项（'NO'，1231））；
div.appendChild（选择）；
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）
} );
要创建两个选项标记，一个是“是”，另一个是“否”，对吗？@ChitraNandpal yesselect.add（opt1，null）；select.add（opt2，空）；你在选择元素中添加了选项吗？这只是我整个项目的一部分是的！检查chrome开发工具是否正确具有此值，我必须参加课程，因此我可能会迟到检查您的ApplyTanks以获取帮助，但我需要它在javascript中，因为它是ald 90%完成的，并且都是js。好的，我已经更新了代码，请让我知道它是否适用于u:）我已经更新了问题，请检查我已经更新了问题，请检查