<select class="form-control sprites-arrow-down" id="TaskFitToWork" name="TaskFitToWork" onchange="getInstructions();" >
     <option selected disabled value="">Select Fit To Work</option>
     {{range $key, $val := .vm.FitToWorkArray}}
           <option id="{{index $.vm.FitToWorkKey $key}}" value="{{$val}}" >{{$val}} </option>
     {{end}}
 </select>

这是我使用golang填充下拉列表的HTML代码。
 var fitToWorkName = vm.FitToWorkName

document.getElementById("TaskFitToWork").value = fitToWorkName;

这是JavaScript代码。注意,此处vm.FitToWorkName包含要在下拉列表中填充的值。我试图为下拉列表设置默认填充,但是它不起作用。请帮我解决这个问题。

最佳答案

如本示例所示,可以使用HTML或JavaScript设置下拉列表的默认值。最初,代码使用HTML设置默认选项,随后用户可以自行决定使用JavaScript重置默认选项。首先,代码的关键部分涉及将“选定”应用于所需的默认选项。如果用户选择其他选项,则单击恢复默认选项的按钮将激活一些JavaScript。一个简单的单线函数使用select元素的selectedIndex属性并将其设置为指示第二个选项。由于选项数组使用从零开始的索引,因此索引的值为1。

var d = document;
d.g = d.getElementById;
var btn = d.g("btn");
var mySelect = d.g("mySelect");



function getInstructions(){
   return true;
}

function restoreDefault(){

   mySelect.selectedIndex = 1;
}

btn.onclick = restoreDefault;
option:first {
    background: #fff;
    color:#009;
}

select {
    background:#fff;
    color:#009;
}
<select id="mySelect" class="form-control sprites-arrow-down" id="TaskFitToWork" name="TaskFitToWork"  onchange="getInstructions();" value>
     <option id="val" value="" disabled>Select Fit To Work</option>
                <option id="val" value="somevalue" selected>Some Value </option>
                <option id="val" value="anothervalue" >Another Value </option>
                <option id="val" value="morevalue" >More Value </option>

 </select>



<button id="btn">Restore Default</button>

关于javascript - 如何使用JavaScript设置下拉列表的默认值,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/45097621/

10-11 12:49
查看更多