`
xiuying
  • 浏览: 544985 次
  • 性别: Icon_minigender_1
  • 来自: 福建
社区版块
存档分类
最新评论

不使用ajax获得select的text

    博客分类:
  • web
阅读更多

<select id="test">
    <option value="1">A</option>
    <option value="2" selected>B</option>
    <option value="3">C</option>
    <option value="4">D</option>
</select>


<script type="text/javascript">
    function getSelectText(){
        var obj = document.getElementById("test");
        var objText = obj.options[obj.selectedIndex].text;
        //当然用DWR就简单多了,记得把DWR的脚本包含进来。
         //DWRUtil.getText("test");
    }

</script>
分享到:
评论

相关推荐

    bootstrap select2插件用ajax来获取和显示数据的实例

    通过使用Ajax技术,Select2插件可以动态地从服务器端获取数据并展示给用户,这样就不需要预先在HTML中填充所有选项了。 在本篇实例中,首先需要在HTML文档中引入Bootstrap框架和Select2插件的CSS和JS文件,然后按照...

    ajax json select 多级联动

    以上就是使用Ajax、JSON和`&lt;select&gt;`实现多级联动的基本流程。在实际项目中,可能还需要考虑错误处理、数据缓存、性能优化等问题。同时,随着前端技术的发展,现代框架如React、Vue等提供了更高效、更便捷的方式来...

    jquery ajax xml 实现select联动

    本示例中,“jquery ajax xml 实现select联动”指的是利用jQuery的Ajax功能从XML文件中获取数据,动态更新HTML中的&lt;select&gt;元素,实现两个或多个下拉列表之间的联动效果。这种功能在多级分类选择、地区选择等场景中...

    ajax 返回结果拼装到 select

    在Web开发中,Ajax(Asynchronous JavaScript and XML)是一种创建动态网页的技术,允许在不刷新整个页面的情况下,与服务器交换数据并更新部分网页内容。在本篇讨论中,我们将聚焦于如何利用Ajax获取服务器返回的...

    jquery ajax函数调用xml文件select表单全国城市

    本文将详细讲解如何使用jQuery的AJAX功能来调用XML文件,并将数据填充到HTML的&lt;select&gt;表单中,以实现全国城市的下拉选择。 首先,我们需要了解jQuery中的$.ajax()函数。这是一个核心的AJAX方法,用于异步向服务器...

    使用ajax实现异步提交的例子

    接下来,我们需要使用JavaScript(这里使用jQuery库)编写AJAX请求,当省份下拉框的`onchange`事件触发时,发送一个请求到服务器,获取对应省份的城市列表。 ```javascript function loadCities(provinceId) { $....

    select ajax 搜索提示

    5. **AJAX交互**:当用户在搜索框中输入时,使用`ajax`向服务器发送请求,获取匹配的选项数据。这通常涉及到`$.ajax()`或`$.getJSON()`方法: ```javascript $('#searchSelect').on('input', function() { var ...

    Select2在使用ajax获取远程数据时显示默认数据的方法

    随着用户体验的重视,原生的HTML `select`标签往往不能满足复杂的UI需求,因此开发者们会使用一些JavaScript库,比如`Select2`,来增强下拉选择框的功能。 `Select2`是一个基于jQuery的开源库,它能够将普通的HTML...

    ajax的二级联动下拉列表

    本文将深入探讨如何使用Ajax实现二级联动下拉列表,这是一种常见且实用的功能,尤其在数据筛选和表单填写时。联动下拉列表通常出现在需要根据父级选择项动态加载子级选项的场景,例如省份与城市的选择。 首先,我们...

    bootstrap select2使用总结

    对于 `&lt;select&gt;` 元素,需要注意的是,如果使用 AJAX 功能,需要确保正确配置和使用。 ### 1. 写死的数据 当你有预设的数据时,可以使用以下方式初始化 Select2: ```javascript var data = [ {id: 'New', text:...

    ajax实现select三级联动效果

    1. 页面加载完成后,使用jQuery的ajax方法从服务器端获取第一级选项数据。 2. 页面上预设一个或多个select元素,这些元素分别对应三级分类中的第一级、第二级、第三级。 3. 用户选择第一级分类后,触发事件处理函数...

    ajax实现动态从数据库模糊查询显示到下拉框中(ajax方法返回Dataset的例子

    本文将详细讲解如何使用Ajax实现从数据库进行模糊查询,并将结果显示到下拉框(Dropdown List)中,这里我们将以一个具体例子——通过Ajax方法返回Dataset来阐述整个过程。 首先,我们需要在服务器端设置一个能够...

    jquery select text

    由于jQuery本身不包含直接选取文本的API,开发者创建了一些插件,如`jQuery.selectText`,它们提供了一种更简洁的方式来完成文本选择。这些插件通常会封装上述的原生JavaScript操作,使代码更易读和维护。 8. **...

    Q694264 C# ajax读取后台接口,填充给select下拉框

    在本场景中,用户提出了一个问题:如何使用AJAX技术从C#后台接口获取数据,并将这些数据填充到HTML的select下拉框中。这是一个常见的前端与后端交互的需求,下面我们将详细探讨这一过程。 首先,我们需要理解AJAX...

    使用select2实现下拉列表动态模糊查询

    如果选项是从服务器动态获取的,可以使用Ajax功能。在初始化Select2时,配置`ajax`对象来指定请求的URL和数据格式: ```javascript $('.js-data-example-instance').select2({ ajax: { url: 'your-api-url', ...

    select2中文选项通过拼音或者首字母快速定位选项

    在不使用Ajax的情况下,我们可以在页面加载时预加载所有选项。这可以通过创建一个包含选项对象的数组来完成,每个对象至少包含`id`和`text`属性,分别对应于选择项的值和显示文本。 为了实现拼音或首字母检索,我们...

    js+ajax实现获取文件大小的方法.docx

    - 使用 `select()` 方法选取文件路径,然后通过 `document.selection.createRange().text` 获取实际文件名。 - 创建一个 `ActiveXObject` 对象,这是 Internet Explorer 支持的 AJAX 对象,用于发起 HTTP 请求。 ...

    JavaScript获取select中text值的方法

    在方法二中,我们使用了`getElementById`方法来获取`&lt;select&gt;`元素,并在`onchange`事件中调用了一个名为`chk`的函数。函数内部,`obj.options[obj.selectedIndex].text`同样用于获取选中项的文本值。代码如下: ``...

    ajax登录验证实例

    - JavaScript函数:监听表单的提交事件,阻止默认行为,获取用户名值,并使用Ajax调用check.jsp进行验证。 2. **check.jsp**: 这是服务器端的验证逻辑,接收Ajax请求,检查用户名是否已被注册或可用。通常,它会...

Global site tag (gtag.js) - Google Analytics