javascript - 有什么方法可以使用 jQuery 从选择的项目中获取标签吗?

标签 javascript jquery

我需要获取所选项目的标签中的文本值,以便在 AJAX 请求中使用。例如:

<label for="item1">Item Number One</label>
<select name="item1" id="item1" class="lookup">
  <option value="">Please Select</option>
  <option value="1">Option 1</option>
  <option value="2">Option 2</option>
</select>

我想检索文本“Item Number One”。下面是我目前用来获取 ID 和所选值并通过 AJAX 发布的 jQuery 代码:

$(function() {
    $(".lookup").change(function() {
    var id = $(this).attr('id'));
        var selection=$(this).val();
        var dataString = 'field=' + id + '&selection=' + selection + '&crudtype=datecheck';
        $.ajax( {
            type: "POST",
            url: "/admin/processes/steps/autogens/crud",
            data: dataString,
            cache: false,
            success: function(html) {
                $("#" + id + "_date").html(html);
            } 
        });
    });
});

最佳答案

如果我正确地阅读了您的问题,您需要所选项目/选项的文本:

var selectedOptionText = $('#item1').find(':selected').text();

要在代码中执行此操作:

$(function() {
    $(".lookup").change(function() {
    var id = $(this).attr('id'));
        var selection=$(this).val();
        var selectionText = $(this).find(':selected').text(); //This is the newline.
        var dataString = 'field=' + id + '&selection=' + selection + '&crudtype=datecheck';
        $.ajax( {
            type: "POST",
            url: "/admin/processes/steps/autogens/crud",
            data: dataString,
            cache: false,
            success: function(html) {
                $("#" + id + "_date").html(html);
            } 
        });
    });
});

关于javascript - 有什么方法可以使用 jQuery 从选择的项目中获取标签吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29221283/

相关文章:

PHP/AJAX 初学者需要帮助

javascript - 使用 jQuery 或 Javascript 重定向到带有值的给定页面

ajax - 使用 jQuery 更改浏览器地址栏 URL

javascript - 在 JavaScript 中保留多余的空格

javascript - 如何将 React 组件用作遗留 HTML/JS 应用程序的一部分?

javascript html5 流播放器

javascript - 使用 keepSynced(true) 清除 firebase 缓存不起作用

javascript - 防止 Adob​​e Edge preload.js 文件加载 jquery

php - 如何通过 jquery keyup 检查数据库中是否存在用户名

javascript - 将 Themroller 与 qTip 2.0 一起使用