Javascript/Jquery Mobile-Select(1)用于Select(2)的onChange重置字段
我是一个完全不懂JQuery移动编程的人,我想寻求帮助 我有两组下拉列表,第一个下拉列表上的任何选择都会将第二个下拉列表中的值重置为默认值选择一个选项 根据我当前的设置,当您在第二个下拉列表中选择任何值,然后尝试在第一个下拉列表中使用任何值重置时,不会发生任何情况 我注意到,如果我在两个下拉列表中的每个选择字段中输入data role=none,它将关闭预期的jquery mobile下拉设计,并将该字段转换为正常下拉列表,该功能将正常工作 有谁能告诉我如何保持JQM设计,并且在不输入数据role=none的情况下仍然使函数工作 谢谢 整个代码:Javascript/Jquery Mobile-Select(1)用于Select(2)的onChange重置字段,javascript,html,jquery-mobile,Javascript,Html,Jquery Mobile,我是一个完全不懂JQuery移动编程的人,我想寻求帮助 我有两组下拉列表,第一个下拉列表上的任何选择都会将第二个下拉列表中的值重置为默认值选择一个选项 根据我当前的设置,当您在第二个下拉列表中选择任何值,然后尝试在第一个下拉列表中使用任何值重置时,不会发生任何情况 我注意到,如果我在两个下拉列表中的每个选择字段中输入data role=none,它将关闭预期的jquery mobile下拉设计,并将该字段转换为正常下拉列表,该功能将正常工作 有谁能告诉我如何保持JQM设计,并且在不输入数据rol
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta content="width=device-width, initial-scale=1" name="viewport">
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.4/jquery.mobile-1.4.4.min.css" />
<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.4/jquery.mobile-1.4.4.min.js"></script>
<title>
</title>
</head>
<body>
<div data-role="page" data-theme="a">
<div data-role="header" data-theme="b">
<h1>Choose</h1>
</div>
<form id="boxes" name="boxes">
<div class="row" style="text-align:center">
</div>
<div style="width: 60%; margin: 0px auto;">
<div class="ui-field-contain">
<select id="item1" name="Item1" onchange="message(this,'selecttwo');">
<option value="0" selected="selected" disabled="disabled">Select An Option</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
</div>
</div>
<div id="target17" style="width: 60%; margin: 0px auto; display: block;">
<div class="ui-field-contain">
<select id="selecttwo" name="selecttwo">
<option value="0">Choose An Option </option>
<option value="1">ONE</option>
<option value="2">TWO</option>
<option value="3">THREE</option>
<option value="4">FOUR</option>
<option value="5">FIVE</option>
<option value="6">SIX</option>
</select>
</div>
</div>
</form>
<script type = "text/javascript">
function message(which,fld) {
document.getElementById(fld).value = "0";
}
</script>
</div>
</body>
</html>
这对我来说没有任何问题。您的函数框中一定有一些错误,使其无法运行该行:
var s2 = document.getElementById('item2');
s2.value="abc";
嗨,ignVinayak,有没有办法检查该函数中的错误?我已经找到了根本原因。。。JQuery Mobile JS文件与本机JS文件存在冲突。我将data role=none应用于两个选定字段,它现在可以工作了!但是现在我的界面看起来很难看。