Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/393.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 显示和隐藏多表div';s取决于3个选择框的值_Javascript_Html_Forms_Dependencies - Fatal编程技术网

Javascript 显示和隐藏多表div';s取决于3个选择框的值

Javascript 显示和隐藏多表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"

我有3个选择列表和许多选项 我不知道任何JS代码 这是我的HTML

<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试过了,这很容易,但我好像把事情搞砸了。。我不知道我将如何处理此代码?