查询在iOS上不触发，在Chrome移动版中没有响应，但在PC上很好

这是我的JS文件，我把它放在我的资产/JS文件夹中

$(document).ready(function(){
$(".Internet").hide();
$(".Game").hide();
$(".Emoney").hide();
$(".Telpon").hide();
$(".OjekOnline").hide();
$(".Tcash").hide();
$(".Pulsa").hide();
});
function cek(value){
$(document).ready(function(){
$(".Internet").hide();
$(".Game").hide();
$(".Emoney").hide();
$(".Telpon").hide();
$(".OjekOnline").hide();
$(".Tcash").hide();
$(".Pulsa").hide();
});
$(document).ready(function(){
$("."+value).show();
});
}

这是我的观点，我已经链接了我的JS文件

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Inconsolata">
<link rel="stylesheet" href="<?php echo base_url().'assets/cssfile/mycss.css'?>">
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script type="text/javascript" src="<?php echo base_url().'assets/js/jquery-3.3.1.min.js'?>"></script>
<script type="text/javascript" src="<?php echo base_url().'assets/js/myjs.js'?>"></script>
<script type="text/javascript" src="<?php echo base_url().'assets/js/jquery.validate.min.js'?>"></script>
<script type="text/javascript">
var base_url = "<?php echo base_url().'index.php/package/daftarpaket/'?>";
</script>
</head>
<body>
<div class="w3-content" style="max-width:400px" id="beli" >
<h5 class="w3-container w3-center w3-padding-64"><span class="w3-tag w3-wide">Solusi mager-Mu</span></h5>
<div id="tableContainer-1">
<div id="tableContainer-2">
<form id="myForm" method="POST" action="<?php echo base_url().'index.php/package/insert'?>">
<table id="myTable">
<tr>
<td>Jenis Produk</td>
<td>:</td>
<td>
<select name="jenisProduk" id="JP" onclick="cek(this.value)">
<option value=''></option>"
<option value='Internet'>Internet</option>"
<option value='Game'>Game</option>"
<option value='Emoney'>Emoney</option>"
<option value='Telpon'>Telpon</option>"
<option value='OjekOnline'>OjekOnline</option>"
<option value='Tcash'>Tcash</option>"
<option value='Pulsa'>Pulsa</option>"
</select>
</td>
</tr>
<tr>
<td>Provider</td>
<td>:</td>
<td><select id="prov" onchange="cekInput()">
<option></option>
<option value="Telkomsel" class="Internet">Telkomsel</option>
<option value="XL" class="Internet">Xl</option>
<option value="Indosat" class="Internet">Indosat</option>
<option value="Axis" class="Internet">Axis</option>
<option value="Three" class="Internet">Three</option>
<option value="Bolt" class="Internet">Bolt</option>
<option value="BNI" class="Emoney">BNI</option>
<option value="Mandiri" class="Emoney">Mandiri</option>
<option value="MoBa" class="Game">MoBa</option>
<option value="PUBG" class="Game">PUBG</option>
<option value="SteamWallet" class="Game">SteamWallet</option>
<option value="Telkomsel" class="Telpon">Telkomsel</option>
<option value="XL" class="Telpon">Xl</option>
<option value="Three" class="Telpon">Three</option>
<option value="GoPay" class="OjekOnline">GoPay</option>
<option value="GRAB" class="OjekOnline">GRAB</option>
<option value="Telkomsel" class="Tcash">Telkomsel</option>
<option value="Telkomsel" class="Pulsa">Telkomsel</option>
<option value="XL" class="Pulsa">Xl</option>
<option value="Indosat" class="Pulsa">Indosat</option>
<option value="Axis" class="Pulsa">Axis</option>
<option value="Three" class="Pulsa">Three</option>
<option value="Bolt" class="Pulsa">Bolt</option>
</select>
</td>
</tr>
</table>
</form>
</div>
</div>
</div>

首先，我想隐藏这个选项

<select id="prov" onchange="cekInput()">

但它不会隐藏并继续显示我是否使用 iOS，如果我使用移动设备的Chrome，它不是可处理的，我需要单击

<select name="jenisProduk" id="JP" onclick="cek(this.value)">

两次以显示隐藏项目。但在PC和台式机中工作正常。

尝试使用引导程序。

第 1 步：单击此处并阅读如何导入引导程序。

第 2 步：您可以使用<div class="form-group">来构建响应式表单。然后你可以用你的<input>或<select></select>或其他形式写class="form-control"。

相关内容

最新更新

热门标签：