在javascript中通过下拉菜单使用条件 var macTeamList=“团队”+””; var macScoreList=“Score”+””; var nicTeamList=“团队”+””; var nicScoreList=“Score”+””; $('form')。提交(函数(e){ if($('input[name=“Player1”]”)。val()=“Nic”){ e、 预防默认值(); var nicTeamValue=$('input[name=“Team1”]”)。val(); nicTeamList+=nicTeamValue+“”; var nicScoreValue=$('input[name=“Score1”]”)。val(); nicScoreList+=nicScoreValue+“”; $('#nicteamcolumn').html(nicTeamList); $('#nicscorecolumn').html(nicScoreList); 返回false; } else if($('input[name=“Player1”]”)。val()=“Mac”){ e、 预防默认值(); var macTeamValue=$('input[name=“Team1”]”)。val(); macTeamList+=macTeamValue+“”; var macScoreValue=$('input[name=“Score1”]”)。val(); macScoreList+=macScoreValue+“”; $('#macteamcolumn').html(macTeamList); $('#macscorecolumn').html(macScoreList); 返回false; } }) Nic 雨衣 团队 分数 团队 分数
基本上,我让用户输入2个文本值,并从下拉菜单上的2个选项中进行选择。如果用户选择“Mac”,则两个字段中的信息应打印到在javascript中通过下拉菜单使用条件 var macTeamList=“团队”+””; var macScoreList=“Score”+””; var nicTeamList=“团队”+””; var nicScoreList=“Score”+””; $('form')。提交(函数(e){ if($('input[name=“Player1”]”)。val()=“Nic”){ e、 预防默认值(); var nicTeamValue=$('input[name=“Team1”]”)。val(); nicTeamList+=nicTeamValue+“”; var nicScoreValue=$('input[name=“Score1”]”)。val(); nicScoreList+=nicScoreValue+“”; $('#nicteamcolumn').html(nicTeamList); $('#nicscorecolumn').html(nicScoreList); 返回false; } else if($('input[name=“Player1”]”)。val()=“Mac”){ e、 预防默认值(); var macTeamValue=$('input[name=“Team1”]”)。val(); macTeamList+=macTeamValue+“”; var macScoreValue=$('input[name=“Score1”]”)。val(); macScoreList+=macScoreValue+“”; $('#macteamcolumn').html(macTeamList); $('#macscorecolumn').html(macScoreList); 返回false; } }) Nic 雨衣 团队 分数 团队 分数,javascript,drop-down-menu,Javascript,Drop Down Menu,基本上,我让用户输入2个文本值,并从下拉菜单上的2个选项中进行选择。如果用户选择“Mac”,则两个字段中的信息应打印到#macscorecolumn和#macteamcolumn,反之亦然,如果用户选择“Nic”。列表变量跟踪整个分数列表,因此新的分数只需添加到末尾,它们都会显示出来。不知道为什么脚本不起作用。任何帮助都将是非常棒的如果条件允许,您可以使用else 它的条件元素你必须设置一些条件 else if{}//语法错误 否则,如果(“这里有东西”){//您的代码}//正确的方式 在这里,
#macscorecolumn和#macteamcolumn
,反之亦然,如果用户选择“Nic”。列表变量跟踪整个分数列表,因此新的分数只需添加到末尾,它们都会显示出来。不知道为什么脚本不起作用。任何帮助都将是非常棒的如果条件允许,您可以使用else
它的条件元素你必须设置一些条件
else if{}//语法错误
否则,如果(“这里有东西”){//您的代码}//正确的方式
在这里,只有其他人能做这件事
你已经推杆了;在if语句的块端和else的块端。语法错误首先,您的代码实际上需要重写:)
var macTeamList = "Team" + "<br>";
var macScoreList = "Score" + "<br>";
var nicTeamList = "Team" + "<br>";
var nicScoreList = "Score" + "<br>";
$('form').submit(function(e) {
if ($('input[name="Player1"]').val() ==="Nic") {
e.preventDefault();
var nicTeamValue = $('input[name="Team1"]').val();
nicTeamList += nicTeamValue + "<br>" ;
var nicScoreValue = $('input[name="Score1"]').val();
nicScoreList += nicScoreValue + "<br>";
$('#nicteamcolumn').html(nicTeamList);
$('#nicscorecolumn').html(nicScoreList);
return false;
}
else if ($('input[name="Player1"]').val() === "Mac") {
e.preventDefault();
var macTeamValue = $('input[name="Team1"]').val();
macTeamList += macTeamValue + "<br>" ;
var macScoreValue = $('input[name="Score1"]').val();
macScoreList += macScoreValue + "<br>";
$('#macteamcolumn').html(macTeamList);
$('#macscorecolumn').html(macScoreList);
return false;
}
})
<form>
<input name="foo" id="team" class="teamcolumn" type="text" value="Team?">
<input name="foobar" id="score" class="inputright" type="text" value="Score?">
<input type="submit" value="Go">
<select name="select" size="1" id="PID">
<option value="Nic">Nic</option>
<option value="Mac">Mac</option>
</select>
</form>
<div id ="nicteamcolumn" class="teamcolumn TOSRcolumn nicColumn">Team </div>
<div id="nicscorecolumn" class="scorecolumn TOSRcolumn nicColumn">Score</div>
<div id="macteamcolumn" class="teamcolumn TOSRcolumn macColumn">Team </div>
<div id="macscorecolumn" class="scorecolumn TOSRcolumn macColumn">Score</div>
去
Nic
雨衣
团队
分数
团队
分数
var macTeamList=“团队”+”
”;
var macScoreList=“Score”+”
”;
var nicTeamList=“团队”+”
”;
var nicScoreList=“Score”+”
”;
$(“#dostuff”)。单击(函数(e){
e、 预防默认值();
var teamvalue=$('input[name=“foo”]”)。val();
var teamscore=$('input[name=“foobar”]”)。val();
var pidType=$(“#PID”).val();
如果(pidType==“Mac”){
nicTeamList+=teamvalue+“
”;
nicScoreList+=teamscore+“
”;
$('#nicteamcolumn').html(nicTeamList);
$('#nicscorecolumn').html(nicScoreList);
}
否则{
macTeamList+=teamvalue+“
”;
macScoreList+=teamscore+“
”;
$('#macteamcolumn').html(macTeamList);
$('#macscorecolumn').html(macScoreList);
}
});
谢谢!你介意看一下这个密码吗?我正在尝试使用它,以便在字段中输入的信息与下拉列表中选择的姓名相匹配(即,如果在下拉列表中选择了mac,则这些文本字段中的信息将转到mac列),让我知道这是否有意义sensehttp://jsfiddle.net/PvfvD/ok 试试这个。。。我重写了您的代码(使其更干净),并且更易于重用。现在,每行的下拉列表和输入框都用div class=“teaminfoGroup”包装。。您可以复制和粘贴任意数量的div作为输入。jquery应该能够正确地处理它。。。我希望:)
<form>
<input name="foo" id="team" class="teamcolumn" type="text" value="Team?">
<input name="foobar" id="score" class="inputright" type="text" value="Score?">
<button id="dostuff" value="Go">Go</button>
<select name="select" size="1" id="PID">
<option value="Nic">Nic</option>
<option value="Mac">Mac</option>
</select>
</form>
<div id ="nicteamcolumn" class="teamcolumn TOSRcolumn nicColumn">Team </div>
<div id="nicscorecolumn" class="scorecolumn TOSRcolumn nicColumn">Score</div>
<div id="macteamcolumn" class="teamcolumn TOSRcolumn macColumn">Team </div>
<div id="macscorecolumn" class="scorecolumn TOSRcolumn macColumn">Score</div>
<script src="js/jquery-1.6.4.min.js"></script>
<script>
var macTeamList = "Team" + "<br>";
var macScoreList = "Score" + "<br>";
var nicTeamList = "Team" + "<br>";
var nicScoreList = "Score" + "<br>";
$('#dostuff').click(function(e) {
e.preventDefault();
var teamvalue = $('input[name="foo"]').val();
var teamscore = $('input[name="foobar"]').val();
var pidType = $("#PID").val();
if (pidType =="Mac") {
nicTeamList += teamvalue + "<br>" ;
nicScoreList += teamscore + "<br>";
$('#nicteamcolumn').html(nicTeamList);
$('#nicscorecolumn').html(nicScoreList);
}
else {
macTeamList += teamvalue + "<br>" ;
macScoreList += teamscore + "<br>";
$('#macteamcolumn').html(macTeamList);
$('#macscorecolumn').html(macScoreList);
}
});
</script>