javascript – 在codeigniter中选择下拉值时隐藏特定div

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 在codeigniter中选择下拉值时隐藏特定div，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含4763字，纯文字阅读大概需要7分钟。

内容图文

选择下拉值无法隐藏特定div.Hereis我的代码.

视图：

function showRequiredOption(cval)
	{
		if(cval=='interstate')
		{
			$('#cgst').hide();
			$('#sgst').hide();
			
		}
		else if(cval=='exemptedsales')
		{
			$('#cgst').hide();
			$('#sgst').hide();
			$('#igst').hide();
			
		}
		else
		{
			$('#igst').hide();
			$('#cgst').show();
			$('#sgst').show();
			
		}
	}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="col-md-9 col-md-offset-2">
	<div id="legend">
		<legend class="">Profile Information</legend>
	</div>  
    <form role= action="<?php echo site_url();?>invoice/addinvoice" method="post" class="form-horizontal" id="location" method="post" accept-charset="utf-8">		
		<div class="form-group">
			<label class="control-label col-sm-2 " for="user">User</label> 
			<div class="col-sm-4 col-sm-offset-1">
				<select id="user" name="user" onchange="showRequiredOption(this.value);">
					<option value="employee">Local Sales</option>
					<option value="interstate">Inter state</option>
					<option value="freelancer">Stock transfers</option>
					<option value="exemptedsales">Exempted Sales</option>
					<option value="company">Zero Rated Sales</option>
					<option value="freelancer">Job Work</option>
				</select>
			</div>
		</div>		
		<div class="form-group">
		  <label class="control-label col-sm-2 " for="hsn">Freight Charges</label>
		  <div class="col-sm-4 col-sm-offset-1">
			<input type="text" class="form-control" id="hsn" placeholder="Enter HSN Number"  >
		  </div>
		</div>
		
		<div class="form-group" id="igst">
		  <label class="control-label col-sm-2 " for="hsn">IGST 18%</label>
		  <div class="col-sm-4 col-sm-offset-1">
			<input type="text" class="form-control" id="hsn" placeholder="Enter HSN Number"  >
		  </div>
		</div>	
		 <div class="form-group" id="sgst">
		  <label class="control-label col-sm-2 " for="hsn">SGST 9%</label>
		  <div class="col-sm-4 col-sm-offset-1">
			<input type="text" class="form-control" id="sgst" placeholder="Enter HSN Number"  >
		  </div>
		</div>	
		<div class="form-group" id="cgst">
		  <label class="control-label col-sm-2 " for="hsn">CGST 9%</label>
		  <div class="col-sm-4 col-sm-offset-1">
			<input type="text" class="form-control" id="cgst" placeholder="Enter HSN Number"  >
		  </div>
		</div>			
      <button id="submit" type="submit" class="btn" name="submit">Submit</button>
     </form>
    </div>

如果我在下拉列表中选择州际,股票转移cgst,则应隐藏sgst并显示igst.

如果我选择豁免销售,零评级销售,下拉工作,IGST,CGST,SGST应该被隐藏.

默认情况下应该显示sgst和cgst

解决方法:

在else之间应用空格if

条件：
   选择interstat或Stock Transfers cgst,sgst应该被隐藏,并且应该显示igst.

选择豁免销售,零评级销售,下拉工作IGST,CGST,SGST应隐藏.

function showRequiredOption(cval)
{
	if((cval=='interstate') || (cval == "stocktransfers"))
	{
		$('#cgst').hide();
		$('#sgst').hide();
		$('#igst').show();
	}
	else if ((cval=='exemptedsales') || (cval=="zeroratedsales") ||(cval=="jobwork"))
	{
		$('#cgst').hide();
		$('#sgst').hide();
		$('#igst').hide();
		
	}
	else
	{
		$('#igst').hide();
		$('#cgst').show();
		$('#sgst').show();
		
	}
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="col-md-9 col-md-offset-2">
<div id="legend">
    <legend class="">Profile Information</legend>
</div>  
<form role="form" action="<?php echo site_url();?>invoice/addinvoice" method="post" class="form-horizontal" id="location" method="post" accept-charset="utf-8">     
    <div class="form-group">
        <label class="control-label col-sm-2 " for="user">User</label> 
        <div class="col-sm-4 col-sm-offset-1">
            <select id="user" name="user" onchange="showRequiredOption(this.value)">
                <option value="employee">Local Sales</option>
                <option value="interstate">Inter state</option>
                <option value="stocktransfers">Stock transfers</option>
                <option value="exemptedsales">Exempted Sales</option>
                <option value="zeroratedcompany">Zero Rated Sales</option>
                <option value="jobwork">Job Work</option>
            </select>
        </div>
    </div>      
    <div class="form-group">
      <label class="control-label col-sm-2 " for="hsn">Freight Charges</label>
      <div class="col-sm-4 col-sm-offset-1">
        <input type="text" class="form-control" id="hsn" placeholder="Enter HSN Number"  >
      </div>
    </div>

    <div class="form-group" id="igst" style="display:none;">
      <label class="control-label col-sm-2 " for="hsn">IGST 18%</label>
      <div class="col-sm-4 col-sm-offset-1">
        <input type="text" class="form-control" id="hsn" placeholder="Enter HSN Number"  >
      </div>
    </div>  
     <div class="form-group" id="sgst">
      <label class="control-label col-sm-2 " for="hsn">SGST 9%</label>
      <div class="col-sm-4 col-sm-offset-1">
        <input type="text" class="form-control" id="sgst" placeholder="Enter HSN Number"  >
      </div>
    </div>  
    <div class="form-group" id="cgst">
      <label class="control-label col-sm-2 " for="hsn">CGST 9%</label>
      <div class="col-sm-4 col-sm-offset-1">
        <input type="text" class="form-control" id="cgst" placeholder="Enter HSN Number"  >
      </div>
    </div>          
  <button id="submit" type="submit" class="btn" name="submit">Submit</button>
 </form>
</div>

内容总结

以上是互联网集市为您收集整理的javascript – 在codeigniter中选择下拉值时隐藏特定div全部内容，希望文章能够帮你解决javascript – 在codeigniter中选择下拉值时隐藏特定div所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端