如果选择的值为 SMTH,则跨度/隐藏输入

奥尔汗·巴吉罗夫

我有选择,我有很多输入。如果我在选项中选择例如“USER”,我需要跨越准备好的输入,如果选择另一个选项,则再次隐藏它。

<form class="form-signup" action="admin_users.php" method="POST" id="payment-form">

                <div class="well well-sm">
               	<h3 class="form-signin-heading"> Create

                <select id="selectlist" name="selectproduct" >
                    <option value="1">User</option>
                    <option value="2">Admin</option>
                    <option value="3">Smth else</option>
                    <option value="4">Smth else of else</option>

                  </select>
                  </h3>

               	<div class="form-group">
                  <div class="col-xs-12">
               		<input  class="form-control" type="text" name="username" id="username" placeholder="İstifadəçi" value="first input" required autofocus>
</div>
<div> &nbsp </div>
                  <div class="col-xs-12">
               		<input type="text" class="form-control" id="fname" name="fname" placeholder="Ad" value="second input" required>
</div>
<div> &nbsp </div>

	            <input class='btn btn-primary' type='submit' name='addUser' value='Create user' />
              </div>
               </form>

尼克拉斯

$( "#selectlist" ).change(function(event) {
  if (this.value == 1 || this.value == 2) {
    $(".form-control").show();
  } else {
    $(".form-control").hide();
  }
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form class="form-signup" action="admin_users.php" method="POST" id="payment-form">

                    <div class="well well-sm">
                   	<h3 class="form-signin-heading"> Create

                    <select id="selectlist" name="selectproduct" >
                        <option value="1">User</option>
                        <option value="2">Admin</option>
                        <option value="3">Smth else</option>
                        <option value="4">Smth else of else</option>

                      </select>
                      </h3>

                   	<div class="form-group">
                      <div class="col-xs-12">
                   		<input class="form-control" type="text" name="username" id="username" placeholder="İstifadəçi" value="first input" required autofocus>
    </div>
    <div> &nbsp </div>
                      <div class="col-xs-12">
                   		<input type="text" class="form-control" id="fname" name="fname" placeholder="Ad" value="second input" required>
    </div>
    <div> &nbsp </div>

    	            <input class='btn btn-primary' type='submit' name='addUser' value='Create user' />
                  </div>
                   </form>

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章