0
我有這種形式，我試圖添加條件邏輯。我在網上找到了一個教程，但我仍然沒有那麼強。你介意看看我弄亂了什麼嗎？我設法讓田地隱藏起來。但是，這更多的只是一個CSS的東西。我使用的教程遵循was this one.試圖在表單中添加一個條件邏輯規則？
$(document).ready(function() {
var wings = false;
//Inputs that determine what fields to show
var wings50 = $('#live_form input:checkbox[name=wings50]');
var wings25 = $('#live_form input:checkbox[name=wings25]');
//Wrappers for all fields
var div_wings50_parent = $('#live_form #div_wings50');
var div_wings25_parent = $('#live_form #div_wings25');
var all = bad.add(div_wings50_parent).add(div_wings25_parent);
wings50.change(function() {
var value = this.value;
all.addClass('hidden'); //hide everything and reveal as needed
if (value == '50OFAKIND') {
div_wings50_parent.removeClass('hidden');
} else if (value == '25OFAKIND') {
div_wings25_parent.removeClass('hidden');
}
});
});.hidden {
display: none;
}<!-- Start Formoid form-->
<link rel="stylesheet" href="gramdslam_files/formoid1/formoid-flat-yellow.css" type="text/css" />
<link rel="stylesheet" href="gramdslam_files/formoid1/bootstrap-iso.css" type="text/css" />
<script type="text/javascript" src="gramdslam_files/formoid1/jquery.min.js"></script>
<script type="text/javascript" src="gramdslam_files/formoid1/conditional.js"></script>
<form class="formoid-flat-yellow" id="#live_form" style="background-color:#ffffff;font-size:14px;font-family:'Lato', sans-serif;color:#666666;max-width:480px;min-width:150px" method="post">
<div class="title">
<h2>GRAND SLAM</h2>
</div>
<div class="element-select" title="Define what pizza options you want. "><label class="title">PIZZA OPTIONS<span class="required">*</span></label>
<div class="large"><span><select name="select" required="required">
\t \t <option value="2 Cheese">2 Cheese</option>
\t \t <option value="2 Pepporoni">2 Pepporoni</option>
\t \t <option value="1 Cheese & 1 Peporoni">1 Cheese & 1 Peporoni</option></select><i></i></span></div>
</div>
<div class="element-select" title="Select how you will be ordering your wings."><label class="title">SELECT WING OPTION<span class="required">*</span></label>
<div class="large"><span><select name="select1" required="required">
<option value="Select">Please Select</option>
\t \t <option value="50OFAKIND">50 OF A KIND</option>
\t \t <option value="25OFAKIND">SPLIT 25/25 OF A KIND</option></select><i></i></span></div>
</div>
<div class="element-select hidden" title="Select 1 the following."><label class="title">SELECT ONE<span class="required">*</span></label>
<div class="large"><span><select name="select2" required="required">
\t \t <option value="50 Plain">50 Plain</option>
\t \t <option value="50 Buffalo">50 Buffalo</option>
\t \t <option value="50 BBQ">50 BBQ</option></select><i></i></span></div>
</div>
<div class="element-multiple hidden" title="Select 1 the following."><label class="title">SELECT TWO<span class="required">*</span></label>
<div class="large"><select data-no-selected="Nothing selected" name="multiple[]" multiple="multiple" required="required">
\t \t <option value="25 Plain">25 Plain</option>
\t \t <option value="25 Buffalo">25 Buffalo</option>
\t \t <option value="25 BBQ">25 BBQ</option></select></div>
</div>
<div class="element-number" title="How many Grand Slam packages do you need? 1 feeds 8."><label class="title">How many Grand Slam packages do you need? 1 feeds 8.<span class="required">*</span></label><input class="small" type="text" min="1" max="100" name="number" required="required" value="" /></div>
<div class="element-textarea" title="If you have any special instructions for your order, please add them here. "><label class="title">Add Special Instructions for your order here.</label><textarea class="small" name="textarea" cols="20" rows="5"></textarea></div>
<div class="submit"><input type="submit" value="ADD TO ORDER" /></div>
</form>
<p class="frmd"><a href="http://formoid.com/v29.php">contact us form</a> Formoid.com 2.9</p>
<script type="text/javascript" src="gramdslam_files/formoid1/formoid-flat-yellow.js"></script>
<!-- Stop Formoid form-->
究竟是什麼問題？你需要給我們更多的代碼。某些變量未在上述js中聲明 – lhavCoder