个人中心
gpt4 book ai didi

javascript - 获取 kendo 下拉值的选定 id

转载 作者：搜寻专家 更新时间：2023-10-31 22:07:28 24 4
gpt4 key购买 nike

如何从下拉列表中获取所选名称的 ID。
whene select Apples then got id 1and select Oranges then 2.
这是简单的剑道下拉示例。

<body>
            <input id="dropdownlist" />

            <script>
                $("#dropdownlist").kendoDropDownList({
                  dataSource: [
                    { id: 1, name: "Apples" },
                    { id: 2, name: "Oranges" }
                  ],
                  dataTextField: "name",
                  dataValueField: "id",
                  index: 1,
                  select: onSelect
                });

                function onSelect(e) {
                console.log(e);
                  };
            </script>
</body>

谢谢。

最佳答案

为了检索选定的 ID，您可以使用 dataItem 对象并使用 change 事件访问其中的 id:

 var dataItem = e.sender.dataItem();
 $('#id').text(dataItem.id);

这也将使您能够访问对象中的任何数据:

$('#name').text(dataItem.name);

工作示例

http://jsfiddle.net/ygBq8/1/

HTML

<input id="dropdownlist" /><br/>
<span id="id" >Id</span><br/>
<span id="name" >Name</span><br/>

JavaScript

$("#dropdownlist").kendoDropDownList({
                  dataSource: [
                    { id: 1, name: "Apples" },
                    { id: 2, name: "Oranges" }
                  ],
                  dataTextField: "name",
                  dataValueField: "id",
                  index: 1,
                  change: onChange
                });

                function onChange(e) {
                   var dataItem = e.sender.dataItem();
                   $('#id').text(dataItem.id);
                   $('#name').text(dataItem.name);
                  };

关于javascript - 获取 kendo 下拉值的选定 id，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/18738299/

24 4 0
文章推荐： php - 如何在 Laravel 中解密哈希密码
文章推荐： php - 如何在 zend 框架中命名上传的文件
文章推荐： php - PHP 中的 Walking Dom 将找到的字符串列表替换为 "HTML text"
文章推荐： ios - “type of expression is ambiguous without more context” 使用结构属性作为字典键
搜寻专家
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com