`
wubing2789
  • 浏览: 7448 次
  • 性别: Icon_minigender_1
  • 来自: 鞍山
社区版块
存档分类
最新评论

JavaScript中写入时间下拉列表

阅读更多
<script type="text/javascript">
  function writeOptions(starttime,endtime)
            {
      
      var counter;
  for(counter=starttime;counter<=9;counter++)
  {
 
  document.write("<option value=0"+counter+">"+"0"+counter);
   
  }
 
  for(counter=10;counter<=endtime;counter++)
  {
 
  document.write("<option value="+counter+">"+counter);
 
 
  }
 
  }
 
 
  </script>
<td>
<select name="startselecttime_hh" style="width:expression((this.offsetWidth>40)?'auto':'40')">
    <script>
   writeOptions(0,23); 
   </script>       
    </select><a>时</a>
<td>
<td>
<select name="startselecttime_mm" style="width:expression((this.offsetWidth>40)?'auto':'40')">
    <script>
   writeOptions(0,59); 
   </script>       
    </select><a>分</a>
<td>
<script type="text/javascript">
var startselecttime_hh=document.getElementById("startselecttime_hh");
for (i=0;i<startselecttime_hh.length;i++){    
        
if(starttime_hh==startselecttime_hh.options[i].value){
                                                                                                     
startselecttime_hh.options[i].selected=true;
}

    }[/color][color=brown]
</script>
分享到:
评论

相关推荐

    Ajax实现java web 中下拉列表二级联动

    5. **更新DOM**:JavaScript接收到服务器返回的JSON数据后,解析并填充到二级下拉列表中。可以使用`innerHTML`属性或者jQuery的`append()`方法来添加新的选项。 在提供的文件中,"news.sql"可能包含数据库脚本,...

    单选框、下拉列表和简单文件保存的使用代码

    1. HTML/CSS/JavaScript:在HTML中,`&lt;select&gt;`标签用于创建下拉列表,`&lt;option&gt;`标签定义每个可选项。JavaScript可以用来监听用户的选择事件,进行进一步的处理。 2. Java Swing / AWT:在Java中,我们可以使用`...

    Javascript调用XML制作连动下拉列表框

    传统的HTML页面中连动下拉框采用了两种方法:1)直接将下拉框中的内容hardcode于html的javascript中,调用javascript函数循环写入下拉框中。这种方法不适用于下拉框内容经常改变的情况。因为数据源和javascript程序...

    javascript下拉列表中显示树形菜单的实现方法

    在Web开发中,实现一个可以在下拉列表中展示树形菜单的功能对于提升用户界面的交互性和用户体验有着重要的作用。树形菜单通过层级关系展示信息,使用户可以快速浏览并选择。本文将详细解析如何使用JavaScript实现这...

    javascript实现省市级联

    这涉及到遍历数据,创建新的`&lt;option&gt;`元素,并将其添加到城市下拉列表中。 7. **初始状态设置**:首次加载页面时,需要设置默认省份并显示相应的城市。可以使用 `DOMContentLoaded` 事件来确保在页面内容加载完成...

    程序天下:JavaScript实例自学手册

    9.36 使用JavaScript向表格中写入数据 9.37 类C# GridView的编辑效果(一) 9.38 类C# GridView的编辑效果(二) 第10章 单选框和复选框 10.1 选择了哪一个单选框 10.2 单击文字实现单选框的选定 10.3 被选中的复选...

    常用javascript语句大全

    `options`属性用于获取下拉列表中的选项,`selectedIndex`属性用于获取当前选中的索引。 #### 35. 创建字符串对象 ```javascript var myString = new String("This is lightsword"); ``` 使用`new String()`构造...

    JavaScript完全自学宝典 源代码

    6.6.html 多级下拉列表联动。 6.7.html 各种使用JavaScript获取复选框值的方法。 6.8.html JavaScript控制复选框。 6.9.html 复选框的JavaScript特效。 6.10.html JavaScript取单选框的值。 ...

    基于javascript实现全国省市二级联动下拉选择菜单

    具体操作是,通过清空城市下拉列表中的现有选项,并填充选中省份对应的城市数组。这里需要注意的是,选项对象`option`的`text`和`value`属性分别代表显示给用户看的文本和实际提交到服务器的数据值。 `init`函数...

    《程序天下:JavaScript实例自学手册》光盘源码

    9.36 使用JavaScript向表格中写入数据 9.37 类C# GridView的编辑效果(一) 9.38 类C# GridView的编辑效果(二) 第10章 单选框和复选框 10.1 选择了哪一个单选框 10.2 单击文字实现单选框的选定 10.3 被选中的复选...

    javascript技巧

    25. **获取下拉列表选项值**:可以通过 `options` 属性来获取下拉列表中的选项值。例如: ```javascript let selectValue = document.forms[0].selectName.options[selectedIndex].value; ``` 26. **字符串操作*...

    JavaScript函数大全Word版

    访问下拉列表框的值。例如: ```javascript let selectValue = document.forms[0].selectName.options[1].value; console.log(selectValue); // 输出选项值 ``` ##### 31. 字符串对象 创建字符串对象并使用方法。...

    javascript中的小技巧

    ### JavaScript中的小技巧详解 #### 1. 使用`document.write("")` `document.write()`方法用于在文档中写入文本或HTML。此方法通常用于动态创建HTML文档内容。 **示例:** ```javascript document.write("&lt;h1&gt;...

    javaScript

    `&lt;select&gt;`用于创建下拉列表,`&lt;option&gt;`则是列表项,`value`属性用于存储选定项的值。 在HTML中嵌入JavaScript代码,通常使用`&lt;script&gt;`标签,如: ```html &lt;script language="javascript"&gt; alert("Hello World")...

    JavaScript实际运用中的函数大全

    - **`document.forms[0].selectName.options[n].value`**:获取或设置下拉列表中的某个选项值。 ##### 2.34 创建字符串对象 - **`var myString = new String("This is lightsword");`**:创建一个字符串对象。 ##...

    网页设计与制作(HTML+CSS+JS)-3期(KC003) 网页设计与制作 html5+CSS3+JavaScript 第10

    12. 清空下拉选项:在JavaScript中,清空下拉列表(select)的选项应使用`options.length=0`,正确答案是C。 13. 浏览器对象模型:window对象的status属性用于设置或返回浏览器状态栏中的文本,正确答案是A。 14. ...

    Ajax动态为下拉列表添加数据的实现方法

    当用户触发`loadType`函数(例如在页面加载或特定事件发生时),Ajax请求会被发送到服务器,获取所有类型信息,然后这些信息被解析并填充到下拉列表中。这样,无需刷新整个页面,用户就能看到实时更新的数据,提高了...

    javascript 动态换肤

    1. **事件监听**:在HTML中,我们需要为下拉列表设置一个事件监听器,如`onChange`,这样当用户改变选择时,就会触发对应的JavaScript函数。 2. **获取用户选择**:在事件处理函数中,通过`event.target`或者`this`...

    107个Javascript基础.

    使用`.options[n].value`获取下拉列表中特定选项的值。例如: ```javascript var select = document.forms[0].selectName; console.log(select.options[select.selectedIndex].value); ``` ### 35. 创建字符串对象 ...

    107个常用Javascript语句

    使用 `.options` 和 `.selectedIndex` 来获取下拉列表中选中的选项的值。 ```javascript var selectedValue = document.forms[0].selectName.options[document.forms[0].selectName.selectedIndex].value; ``` ### ...

Global site tag (gtag.js) - Google Analytics