当前位置: 首页 > 编程笔记 >

Dojo获取下拉框的文本和值实例代码

荣德厚
2023-03-14
本文向大家介绍Dojo获取下拉框的文本和值实例代码,包括了Dojo获取下拉框的文本和值实例代码的使用技巧和注意事项,需要的朋友参考一下

Dojo

Dojo是一个用javascript语言实现的开源DHTML工具包。它是在几个项目捐助基础上建立起来的(nWidgets,Burstlib,f(m)),这也是为什么叫它a"unified"toolkit的原因。Dojo的目标是解决开发DHTML应用程序遇到的那些,长期存在、历史问题(historical problems with DHTML)。跨浏览器问题。

1、问题背景

这里有一个下拉框,其中选项为一年四季,选中后打印下拉框的值和文本

2、实现源码

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8" /> 
<title>dojo-获取下拉框的值和文本</title> 
<link rel="stylesheet" href="js/dojo/dijit/themes/claro/claro.css" /> 
<script type="text/javascript" src="js/jquery-1.12.4.js"></script> 
<script type="text/javascript" src="js/dojo/dojo/dojo.js"></script> 
<style> 
#season{ 
width:200px; 
} 
</style> 
<script> 
dojoConfig={async:true,parseOnLoad:true} 
</script> 
<script> 
require([ 
"dojo/store/Memory", "dijit/form/FilteringSelect", "dojo/domReady!" 
], function(Memory, FilteringSelect){ 
var seasonStore = new Memory({ 
data: [ 
{name:"春季", id:"spring"}, 
{name:"夏季", id:"summer"}, 
{name:"秋季", id:"autumn"}, 
{name:"冬季", id:"winter"} 
] 
}); 
var seasonSelect = new FilteringSelect({ 
id: "season", 
name: "season", 
value: "spring", 
store: seasonStore, 
searchAttr: "name" 
}, "season").startup(); 
}); 
</script> 
</head> 
<body class="claro"> 
<input id="season" /><br> 
<button id="valueBtn" onclick="alert(dijit.byId('season').get('value'))">获取下拉框value</button> 
<button id="textBtn" onclick="alert(dijit.byId('season').get('displayedValue'))">获取下拉框text</button> 
</body> 
</html> 

3、实现结果

(1)初始化时

(2)点击“获取下拉框value”按钮

(3)点击“获取下拉框text”按钮

 类似资料:
  • 问题内容: 我有这样的下拉菜单。我想要的是,我想使用 PHP 在按钮提交中获得选定的值和文本。我的意思是如果它被选为第一。我想同时获得 1 和 Cat 请帮忙。谢谢。 问题答案: 使用您的$ animals列表生成下拉列表;您现在可以获得密钥和该密钥的值。

  • 本文向大家介绍jQuery中ztree 点击文本框弹出下拉框的实例代码,包括了jQuery中ztree 点击文本框弹出下拉框的实例代码的使用技巧和注意事项,需要的朋友参考一下 废话不多说了,具体代码如下所示: 以上所述是小编给大家介绍的jQuery中ztree 点击文本框弹出下拉框的实例代码,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!

  • 本文向大家介绍Angularjs实现下拉框联动的示例代码,包括了Angularjs实现下拉框联动的示例代码的使用技巧和注意事项,需要的朋友参考一下 第一种联动方式,在网上看到的,感觉对于我的使用性不高,比较后端不会提供这种json。。。 实现截图 html js 第二种联动方式,这次是根据后台要求,自己写的一个联动,当然没有请求接口,就是单独写个固定值 1.联动的思路 1.首先是选择总类别 2.总

  • 本文向大家介绍利用js获取下拉框中所选的值,包括了利用js获取下拉框中所选的值的使用技巧和注意事项,需要的朋友参考一下 现在的需求是:下拉框中要是选择加盟商让其继续选择学校,要是选择平台管理员则不需要选择学校。隐藏选择下拉列表。 选择枚举值: 代码:     先让学校列表隐藏,style=”display:none”;效果和下图一样。我们利用下拉框的onChange事件来让其执行设定的方法show

  • 本文向大家介绍bootstrap动态调用select下拉框的实例代码,包括了bootstrap动态调用select下拉框的实例代码的使用技巧和注意事项,需要的朋友参考一下 html代码: JS代码: 这样就可以了。 以上这篇bootstrap动态调用select下拉框的实例代码就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持呐喊教程。

  • 我有一个文本框、一个下拉框和一个文本框。单击按钮时,文本框正在更新。选择下拉值时,文本框正在更新。但是,在更新文本框时,应同时更新文本框的默认下拉值,即“0”。这里,应该是的值。 下面是我的代码,它不显示时,下拉有它的默认值。(但是,在选择另一个选项并再次选择默认值后,它将更新。) 下拉 HTML