Variable is null - javascript
Variable is null - javascript
我正在尝试使用演示剑道ui下拉列表。出于某种原因,当我创建变量"下拉列表"来设置其数据源时,变量为空。有人能看到需要改变什么吗?
下面是使用它的演示http://demos.telerik.com/kendo-ui/dropdownlist/index
function getcombo() {
var data = getVillages();
console.log(data);
var dropdownlist = $("#color").data("kendoDropDownList");
console.log(dropdownlist); //error here
dropdownlist.setDataSource(data);
};
在我的html中我有:
<div id="example">
<div id="cap-view" class="demo-section k-header">
<h2>Customize your Kendo Cap</h2>
<div id="cap" class="black-cap"></div>
<div id="options">
<h3>Cap Color</h3>
<input id="color" value="1" />
<h3>Cap Size</h3>
<select id="size">
<option>S - 6 3/4"</option>
<option>M - 7 1/4"</option>
<option>L - 7 1/8"</option>
<option>XL - 7 5/8"</option>
</select>
<button class="k-button" id="get">Customize</button>
</div>
</div>
<style scoped>
.demo-section {
width: 460px;
height: 300px;
}
.demo-section h2 {
text-transform: uppercase;
font-size: 1em;
margin-bottom: 30px;
}
#cap {
float: left;
width: 242px;
height: 225px;
margin: 20px 30px 30px 0;
background-image: url('../content/web/dropdownlist/cap.png');
background-repeat: no-repeat;
background-color: transparent;
}
.black-cap {
background-position: 0 0;
}
.grey-cap {
background-position: 0 -225px;
}
.orange-cap {
background-position: 0 -450px;
}
#options {
padding: 1px 0 30px 30px;
}
#options h3 {
font-size: 1em;
font-weight: bold;
margin: 25px 0 8px 0;
}
#get {
margin-top: 25px;
}
</style>
<script>
$(document).ready(function() {
var data = [
{ text: "Black", value: "1" },
{ text: "Orange", value: "2" },
{ text: "Grey", value: "3" }
];
// create DropDownList from input HTML element
$("#color").kendoDropDownList({
dataTextField: "text",
dataValueField: "value",
dataSource: data,
index: 0,
change: onChange
});
// create DropDownList from select HTML element
$("#size").kendoDropDownList();
var color = $("#color").data("kendoDropDownList");
color.select(0);
var size = $("#size").data("kendoDropDownList");
function onChange() {
var value = $("#color").val();
$("#cap")
.toggleClass("black-cap", value == 1)
.toggleClass("orange-cap", value == 2)
.toggleClass("grey-cap", value == 3);
};
$("#get").click(function() {
alert('Thank you! Your Choice is:'n'nColor ID: '+color.value()+' and Size: '+size.value());
});
});
</script>
</div>
我猜是"jQuery "。Data (element, key, value)"
通常'null'只在用户显式地将变量设置为'null'时存在,否则它将是未定义的
顺便说一下,您可以在console.log(arg1、arg2等)中使用逗号将它们同时记录在同一行相关文章:
- 字符串在将其传递给另一个活动Android JavaScript时读取Null
- 来自文本输入null的html javascript变量
- html+javascript:如何在某些条件下禁用dropdownlist中的null选项
- 当null应该在javascript中使用而不是未定义时
- Javascript Float32数组抛出无法读取属性'0'即使数组定义良好,也为null
- 全局Javascript变量变为null
- 如何删除此JavaScript null错误
- chrome和firefox上的javascript null比较不同
- JavaScript null;占位符与“准备清除”
- JavaScript null 参数使正则表达式匹配
- Javascript null 或 empty 控件不起作用
- 将Python None转换为JavaScript null
- JavaScript null引用错误
- 使用chrome fileSystem编写时,字符串中的Javascript NULL字符
- Javascript null输入错误
- 是javascript null独立类型的对象's值
- 与typeof运算符一起使用时,javascript null返回对象
- Javascript null检查没有按预期工作
- IE8 Javascript null != undefined
- Javascript null为空对象属性