Javascript 显示和隐藏多表div';s取决于3个选择框的值
我有3个选择列表和许多选项 我不知道任何JS代码 这是我的HTMLJavascript 显示和隐藏多表div';s取决于3个选择框的值,javascript,html,forms,dependencies,Javascript,Html,Forms,Dependencies,我有3个选择列表和许多选项 我不知道任何JS代码 这是我的HTML <fieldset id="basic_data"> <legend>Basic Data :</legend> <h3 class="floatright">Type</h3> <select class="" id="choosebuilding"
<fieldset id="basic_data">
<legend>Basic Data :</legend>
<h3 class="floatright">Type</h3>
<select class="" id="choosebuilding" name="choosebuilding">
<option value="flat">flat</option>
<option value="villa">villa</option>
<option value="3">commercial</option>
<option value="4">land</option>
</select>
<div class="clear"></div>
<h3 class="floatright">Payment</h3>
<select class="" id="choosecity" name="choosetype">
<option value="1">cash</option>
<option value="2">installement</option>
<option value="3">rent</option>
<option value="4">furnished</option>
</select>
<div class="clear"></div>
<h3 class="floatright">Choose City</h3>
<select class="" id="choosecity" name="choosecity">
<option value="1">Alrehab</option>
<option value="2">Settlement</option>
<option value="3">Madinty</option>
</select>
</fieldset><!-- end field set Basic Data -->
基本数据:
类型
平的
别墅
商业的
土地
付款
现金
分期付款
租金
带家具的
选择城市
康复中心
结算
马丁蒂
我有很多字段集可以显示依赖性
像这样
--地址数据(如果是Alrehab+Madinty类型公寓)--
--Alrehab+Madinty类型别墅的地址数据--
--所有商业地址数据--
--地址数据结算类型为公寓或别墅--
--现金-康复+医疗--
--现金结算--
--阿勒哈布信贷银行+麦登特银行--
--信用结算--
--全部出租--
--将所有--
我相信我有很多案子
我把所有必要的字段放在我的html中,并像这样注释它
我想显示字段的已使用部分并隐藏其他字段
我的隐藏代码示例
<fieldset id="furnished">
<legend>Furnished - All :</legend>
<h3 class="floatright">coast</h3>
<input name="rental_sum" class="input100" />
<h3 class="floatright">dialy</h3>
<input name="daily_rent" class="input100" />
<h3 class="floatright">insurance</h3>
<input name="insurance" class="input100" />
<h3 class="floatright">staff</h3>
<input name="annual_increas" class="input100" />
<h3 class="floatright">less</h3>
<input name="less_rent_time" class="input100" />
<h3 class="floatright">when ready</h3>
<input name="" class="input100" />
</fieldset><!-- end field set 11 -->
家具-所有:
海岸
迪亚利
保险
工作人员
较少的
准备好了吗
看起来是jQuery show()、hide()和一些逻辑的好地方
function updateShown(){
//First, hide everything that may have been previously shown.
$("#furnished").hide();
//Next, start showing things based on user's selections
//if ("Alrehab" or "Madinty") and ("flat" or "villa"), show addressData
if ($("#choosecity").val() == 1 || $("#choosecity").val() == 3)
&& ($("#choosebuilding").val() == "flat" || $("#choosebuilding").val() == "villa") ){
$("#addressData").show();
}
}
将
updateshow()
添加到selects'.change
事件中,您应该被设置。您的问题是什么?“我想显示字段的已用部分并隐藏其他部分”没有意义。这没有多大意义。如果你想得到答复,我建议你重写这个问题。另外,为什么不先尝试学习一些javascript,自己动手解决问题呢。如果你用jqueryi试过了,这很容易,但我好像把事情搞砸了。。我不知道我将如何处理此代码?