`

Javascript对Option值得获取

阅读更多
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
  <script>
  function getItem(){
   var xmlx = document.getElementById("xmlx");  
   alert(xmlx.options[xmlx.selectedIndex].text);
}
  </script>
</HEAD>

<BODY onload="">
  <form action="">   
     项目类型:
    <select id="xmlx">
    <option selected="selected">工程建设类</option>
    <option>资源交易类</option>
    <option>大宗物品类</option>
    </select>
项目名称:<input type="text" name="xmmc"> 
  <select name="ctime">
    <option value="">招标公告时间</option>
    <option value="">中标公共时间</option>    
      </select>:
<input type="text">
<button type="submit" onclick="getItem()">查询</button>  
  </form>
  <div></div>
</BODY>
</HTML>
分享到:
评论

相关推荐

    javascript获取checkbox复选框获取选中的选项

    在JavaScript中,获取复选框(checkbox)选中的选项是一项常见的任务,特别是在处理表单数据时。本示例提供了一种纯JavaScript实现的方法,用于获取指定表单内复选框选中的值。以下是对该方法的详细解释: 首先,...

    JavaScript Select和Option列表元素上下左右移动

    值得注意的是,当移动Option元素时,必须维护Select的选中状态,以确保用户在移动元素后仍能获取期望的选项值。 除了上下移动选项,本文的描述还提到了左右移动的可能性。然而,从常规的网页设计角度看,Option元素...

    javascript下拉框联动

    值得注意的是,这个实现依赖于静态数据。在实际项目中,数据可能来自服务器,可以通过Ajax请求获取。在这种情况下,当`province`的`change`事件触发时,我们应发送一个请求来获取城市数据,然后更新`city`下拉框。...

    把JS中一数组的值得赋给下拉框

    我们可以使用`document.getElementById`来获取元素,然后通过`for`循环遍历数组并创建新的`&lt;option&gt;`元素。以下是一个完整的示例代码: ```javascript // 获取select元素 var selectElement = document....

    Javascript技术笔记3

    值得注意的是,`&lt;option&gt;` 标签不需要闭合标签,如: ```html &lt;option value="apple"&gt;Apple&lt;/option&gt; &lt;option value="banana"&gt;Banana&lt;/option&gt; ``` **1.6 使用 `var` 关键字声明变量的作用域** 在JavaScript中...

    jQuery增加、删除及修改select option的方法

    这段代码获取了最后一个option元素的索引值,该值在某些情况下可能用于判断最大索引。 #### 增加、删除、修改select中的option项 1. **向select中追加一个option**: ```javascript $('#select_id').append("...

    JavaScript_Select2是一个基于jQuery的选择框替代品,它支持搜索远程数据集和无限滚动结果.zip

    &lt;option value="AL"&gt;Alabama&lt;/option&gt; &lt;!-- ... more options ... --&gt; $(document).ready(function() { $('.js-example-basic-single').select2(); }); ``` 在压缩包中的`select2_develop.zip`可能包含了...

    jquery取单选,复选,下拉小结

    最后,值得注意的是,jQuery库如`jquery.js`提供了丰富的API,使得这些操作变得简单易行。通过熟练掌握这些基本操作,开发者能够更高效地实现网页的交互功能。 总结一下,本篇博客主要涵盖了以下jQuery操作: 1. ...

    select 单列组件(自己拿去修改)

    通过JavaScript,我们可以动态地添加、删除选项,获取或设置选中值。例如,使用`document.querySelector('select').options`可以访问到所有选项,而`selectedIndex`属性可以获取或设置当前选中的选项索引。 七、...

    jQuery获取this当前对象子元素对象的方法

    在JavaScript和jQuery中,`this`关键字经常被用于引用当前上下文的对象,特别是在事件处理函数中。当涉及到DOM操作时,`this...希望这个详细的解释对您理解jQuery中的`this`关键字及其在获取子元素方面的应用有所帮助。

    jquery的getJson()方法获取服务端返回的JSON字符串

    值得注意的是,`$.getJSON`实际上是`$.ajax`方法的一个快捷方式,其默认设置是`dataType: 'json'`和`type: 'GET'`。这意味着它会自动处理JSON响应数据的解析。如果服务器返回的数据不是有效的JSON,`$.getJSON`将抛...

    原生JavaScript实现的简单省市县三级联动功能示例

    在本文中,我们将探讨如何使用原生JavaScript实现一个简单的省市县三...值得注意的是,这里的实现并没有考虑错误处理或兼容性问题,实际项目中可能需要进一步优化和扩展,例如添加异步加载数据的支持、增加验证逻辑等。

    javascript动态控制服务器控件实例

    值得注意的是,在使用JavaScript动态控制服务器控件时,如果通过AJAX或客户端脚本更改控件的内容,这些更改不会被自动保存到ViewState中。ViewState是一个视图状态管理机制,用于在往返过程中保持服务器控件的状态。...

    js获取GridView中行数据的两种方法 分享

    在Web开发中,对HTML表格(特别是***的GridView控件)中数据的获取与操作是常见的任务...通过本篇的分享,希望能帮助对JavaScript和*** Web Forms感兴趣的开发者们更好地理解和掌握从GridView控件中获取行数据的技巧。

    基于JavaScript实现图片连播和联级菜单实例代码

    然后清空城市`select`中的选项,并根据获取到的城市列表重新添加`option`元素到城市`select`中。 值得注意的是,这里提供的是一个非常基础的实现,实际应用中可能需要考虑更多的情况,如异步加载数据、处理边界情况...

    prototype介绍

    同时,prototype.js还对JavaScript的内置对象进行了扩展,如Array、String、Function等,增加了新的方法和属性。 **二、实用函数详解** 1. **`$()`方法**:这是对`document.getElementById()`的简洁替代,可以接受...

    javascript实现简易计算器

    值得注意的是,在除法运算中,我们需要检查除数是否为0,因为除以0是非法的。如果除数为0,我们可以通过弹出警告消息(`alert()`)来提示用户。 这个简易计算器示例展示了JavaScript如何与HTML进行交互,如何处理...

    javascript连接mysql与php通过odbc连接任意数据库的实例

    Option=3;Port=3306"; console.log(connectionstring); // 打开连接 conn.open(connectionstring); // 查询语句 var sql = "SELECT * FROM su_ceshi"; // 打开数据集 rs.open(sql, conn); // 遍历...

    javascript 日期联动选择器 [其中的一些代码值得学习]

    从给定的文件信息中,我们可以了解到的知识点包括JavaScript日期联动选择器的实现方法、兼容性处理、以及一些特定的JavaScript编程技巧。 首先,文档中提到了JavaScript日期联动选择器的实现。这是一个用户界面组件...

Global site tag (gtag.js) - Google Analytics