gpt4 book ai didi

javascript - 在下拉列表中获取不可见的值

转载 作者:太空宇宙 更新时间:2023-11-04 04:02:01 24 4
gpt4 key购买 nike

我想使用 javascript 在下拉列表中有多个值,这样就不需要在 select 标签的选项中写太多值,所以我使用下面的代码来实现,但它在打开时显示不可见的值在 Internet Explorer 中意味着分配的空间是可见的但不是内容,在 Chrome 和 Firefox 中它什么都不显示。

  <script>
function Time(){
selectHr();
selectMin();
selectSec();
}

function selectHr()
{
for(var x=1;x<=24;x++)
{
var option = document.createElement("option");
option.text = x;
option.value=x;
document.getElementById('dateTime_selHr').add(option);
}
}
function selectMin()
{
for(var x=1;x<=60;x++)
{
var option = document.createElement("option");
option.text = x;
option.value=x;
document.getElementById('dateTime_selMin').add(option);
}
}

function selectSec()
{
for(var x=1;x<=60;x++)
{
var option = document.createElement("option");
option.text = x;
option.value=x;
document.getElementById('dateTime_selSec').add(option);
}
}

</script>
</head>

<body onload="Time()">
<table class="table" id="dateTime_tbl">
<tr>
<td>
Camera&nbsp;&nbsp;&nbsp;
</td>
<td colspan="2">
<input type="text" name="camera" />
</td>
</tr>
<tr>
<td>
Time In Camera Date
</td>
<td>
Date &nbsp;&nbsp;<input type="text" name="date"/>
Time&nbsp;&nbsp; <input type="text" name="time" />
</td>
</tr>
<tr>
<td> Set Time</td>
<td>
<input type="radio" /> Set manually
</td>
</tr>
<tr>
<td></td>
<td>Date&nbsp;&nbsp; <input type="text" name="txtdate" /> &nbsp;&nbsp;&nbsp;&nbsp;
Time &nbsp;&nbsp;
hr : <span> <select name="hr" id="dateTime_selHr"> </select> </span>
min : <span> <select name="min" id="dateTime_selMin" > </select> </span>
sec : <span> <select name="sec" id="dateTime_selSec" > </select> </span>

</td>
</tr>
<tr>
<td></td>
<td>
<input type="radio" name="syncTime" />Synchronize with computer time
</td>
</tr>
<tr>
<td></td>
<td>
Date&nbsp;&nbsp; <input type="text" />
&nbsp;&nbsp;&nbsp;&nbsp;
Time&nbsp;&nbsp;<input type="text" />
</td>
</tr>
<tr>
<td></td>
<td>
<input type="radio" /> Synchronize with SNTP server
</td>

</tr>
<tr>
<td></td>
<td>
SNTP Server&nbsp;&nbsp;&nbsp; <input type="text" style="width:200px"/>
</td>
</tr>
<tr>
<td></td>
<td>
Time Zone&nbsp;&nbsp;&nbsp; <span> <select name="timeZone">
<option></option>
</select></span>
</td>
</tr>
<tr>
<td></td>
<td>
<input type="checkbox" /> Automatically adjust for daylight saving time changes
</td>

</tr>
<tr>

<td>
Date Format &nbsp;&nbsp;&nbsp; <span><select>
<option>-select-</option>
<option>YYYY/MM/DD</option>
<option>MM/DD/YYYY</option>
<option>DD/MM/YYYY</option>
</select></span>
</td>

<td>
Time Format&nbsp;&nbsp;&nbsp; <span> <select>
<option>-select-</option>
<option>12 hour format</option>
<option>24 hour format</option>
<option>DD/MM/YYYY</option>
</select></span>
</td>
</tr>
<tr>

<td>
Date Position&nbsp;&nbsp;&nbsp;<span><select>
<option>-select-</option>
<option>Bottom Left</option>
<option>Bottom Right</option>
</select></span>
</td>

<td>
Time Position&nbsp;&nbsp;&nbsp;<span> <select>
<option>-select-</option>
<option>Bottom Left</option>
<option>Bottom Right</option>
</select></span>
</td>
</tr>
</table>
<center>
<div id="dateTime_actionBtnsDiv">
<button type="button" name="ok" style="width:80px" id="dtTime_btns">OK</button>
<button type="button" name="cancel" style="width:80px" id="dtTime_btns">CANCEL</button>
</div>
</center>
</body>

谁能帮我解决这个问题?

最佳答案

您可以改用 add() 函数

function selectFunction()
{
for(var x=1;x<=5;x++)
{
var option = document.createElement("option");
option.text = x;
option.value=x;
document.getElementById('selectId').add(option);
}
}

关于javascript - 在下拉列表中获取不可见的值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21927929/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com