Javascript jQuery链接输入_Javascript_Jquery_Html_Twitter Bootstrap 3

Javascript jQuery链接输入

javascript jquery html twitter-bootstrap-3

Javascript jQuery链接输入,javascript,jquery,html,twitter-bootstrap-3,Javascript,Jquery,Html,Twitter Bootstrap 3,我做了一些研究，但没有找到答案我有一个文本输入和一个选择框如果selectbox的选定值为2，我希望文本框被隐藏如果selectbox的选定值为1，则应显示文本框这是我的密码： <div class="form-group"> <label class="col-sm-2 col-sm-2 control-label">Pricing</label> <div class="col-sm-10"> <

我做了一些研究，但没有找到答案

我有一个文本输入和一个选择框

如果selectbox的选定值为2，我希望文本框被隐藏
如果selectbox的选定值为1，则应显示文本框

这是我的密码：

<div class="form-group">
    <label class="col-sm-2 col-sm-2 control-label">Pricing</label>
    <div class="col-sm-10">
       <select class="form-control" name="pricing">
          <option>Please Select</option>
          <option value="1">Value 1</option>
          <option value="2">Value 2</option>
       </select>
    </div>
</div>
<div class="form-group">
    <label class="col-sm-2 col-sm-2 control-label">Our Text Input</label>
    <div class="col-sm-10">
       <input type="text" name="pricing" class="form-control">
    </div>
</div>


定价
请选择
值1
价值2
我们的文本输入

您可以为表单组分配一个id，然后使用该id隐藏/显示该元素

<div class="form-group">
    <label class="col-sm-2 col-sm-2 control-label">Fiyatlandırma</label>
    <div class="col-sm-10">
       <select class="form-control" name="fiyatlandirma">
          <option>Please Select</option>
          <option value="1">Value 1</option>
          <option value="2">Value 2</option>
       </select>
    </div>
</div>
<div class="form-group" id="fiyat-group">
    <label class="col-sm-2 col-sm-2 control-label">Our Text Input</label>
    <div class="col-sm-10">
        <input type="text" name="fiyat" class="form-control"/>
    </div>
</div>

您可以为表单组分配一个id，然后使用该id隐藏/显示该元素

<div class="form-group">
    <label class="col-sm-2 col-sm-2 control-label">Fiyatlandırma</label>
    <div class="col-sm-10">
       <select class="form-control" name="fiyatlandirma">
          <option>Please Select</option>
          <option value="1">Value 1</option>
          <option value="2">Value 2</option>
       </select>
    </div>
</div>
<div class="form-group" id="fiyat-group">
    <label class="col-sm-2 col-sm-2 control-label">Our Text Input</label>
    <div class="col-sm-10">
        <input type="text" name="fiyat" class="form-control"/>
    </div>
</div>

您可以为表单组分配一个id，然后使用该id隐藏/显示该元素

<div class="form-group">
    <label class="col-sm-2 col-sm-2 control-label">Fiyatlandırma</label>
    <div class="col-sm-10">
       <select class="form-control" name="fiyatlandirma">
          <option>Please Select</option>
          <option value="1">Value 1</option>
          <option value="2">Value 2</option>
       </select>
    </div>
</div>
<div class="form-group" id="fiyat-group">
    <label class="col-sm-2 col-sm-2 control-label">Our Text Input</label>
    <div class="col-sm-10">
        <input type="text" name="fiyat" class="form-control"/>
    </div>
</div>

您可以为表单组分配一个id，然后使用该id隐藏/显示该元素

<div class="form-group">
    <label class="col-sm-2 col-sm-2 control-label">Fiyatlandırma</label>
    <div class="col-sm-10">
       <select class="form-control" name="fiyatlandirma">
          <option>Please Select</option>
          <option value="1">Value 1</option>
          <option value="2">Value 2</option>
       </select>
    </div>
</div>
<div class="form-group" id="fiyat-group">
    <label class="col-sm-2 col-sm-2 control-label">Our Text Input</label>
    <div class="col-sm-10">
        <input type="text" name="fiyat" class="form-control"/>
    </div>
</div>

试试这个：

$(document).ready(function(){
  $("select.form-control").change(function(){
     if($(this).val()=="1")
       $("input[name=fiyat]").hide();
     else
       $("input[name=fiyat]").show();
  });
});

试试这个：

$(document).ready(function(){
  $("select.form-control").change(function(){
     if($(this).val()=="1")
       $("input[name=fiyat]").hide();
     else
       $("input[name=fiyat]").show();
  });
});

试试这个：

$(document).ready(function(){
  $("select.form-control").change(function(){
     if($(this).val()=="1")
       $("input[name=fiyat]").hide();
     else
       $("input[name=fiyat]").show();
  });
});

试试这个：

$(document).ready(function(){
  $("select.form-control").change(function(){
     if($(this).val()=="1")
       $("input[name=fiyat]").hide();
     else
       $("input[name=fiyat]").show();
  });
});

您可以为所有三个字段指定id：选择、输入标签和输入框

$（文档）.ready（函数（）{
$（“#定价”）。更改（函数（）{
如果（$（this.val（）=“1”）{
$（“#文本框”）.hide（）；
$（“#textLabel”）.hide（）；
}否则{
$（“#文本框”）.show（）；
$（“#文本标签”）.show（）；
}
});
});

定价
请选择
值1
价值2
我们的文本输入
您可以为所有三个字段指定id：选择、输入标签和输入框

$（文档）.ready（函数（）{
$（“#定价”）。更改（函数（）{
如果（$（this.val（）=“1”）{
$（“#文本框”）.hide（）；
$（“#textLabel”）.hide（）；
}否则{
$（“#文本框”）.show（）；
$（“#文本标签”）.show（）；
}
});
});

定价
请选择
值1
价值2
我们的文本输入
您可以为所有三个字段指定id：选择、输入标签和输入框

$（文档）.ready（函数（）{
$（“#定价”）。更改（函数（）{
如果（$（this.val（）=“1”）{
$（“#文本框”）.hide（）；
$（“#textLabel”）.hide（）；
}否则{
$（“#文本框”）.show（）；
$（“#文本标签”）.show（）；
}
});
});

定价
请选择
值1
价值2
我们的文本输入
您可以为所有三个字段指定id：选择、输入标签和输入框

$（文档）.ready（函数（）{
$（“#定价”）。更改（函数（）{
如果（$（this.val（）=“1”）{
$（“#文本框”）.hide（）；
$（“#textLabel”）.hide（）；
}否则{
$（“#文本框”）.show（）；
$（“#文本标签”）.show（）；
}
});
});

定价
请选择
值1
价值2
我们的文本输入
使用java脚本
<div class="form-group">
<label class="col-sm-2 col-sm-2 control-label">Fiyatlandırma</label>
<div class="col-sm-10">
   <select class="form-control" id="select" name="fiyatlandirma"  onclick="hide()">
      <option>Please Select</option>
      <option value="1">Value 1</option>
      <option value="2" >Value 2</option>
   </select>
   </div>
</div>
<div class="form-group">
   <label class="col-sm-2 col-sm-2 control-label">Our Text Input</label>
    <div class="col-sm-10">
        <input type="text" id="fiyat" name="fiyat" class="form-control">
    </div>
 </div>

 <script>
     function hide(){
      var select = document.getElementById("select").selectedIndex;
      var input = document.getElementById("fiyat");
      if(select == 1)
      input.style.visibility= "hidden";
      else if(select == 2)
      input.style.visibility= "visible";
     }
</script>


菲亚特兰·马尔马
请选择
值1
价值2
我们的文本输入
函数hide（）{
var select=document.getElementById（“select”）.selectedIndex；
var输入=document.getElementById（“fiyat”）；
如果（选择==1）
input.style.visibility=“hidden”；
else if（选择==2）
input.style.visibility=“可见”；
}
使用java脚本
<div class="form-group">
<label class="col-sm-2 col-sm-2 control-label">Fiyatlandırma</label>
<div class="col-sm-10">
   <select class="form-control" id="select" name="fiyatlandirma"  onclick="hide()">
      <option>Please Select</option>
      <option value="1">Value 1</option>
      <option value="2" >Value 2</option>
   </select>
   </div>
</div>
<div class="form-group">
   <label class="col-sm-2 col-sm-2 control-label">Our Text Input</label>
    <div class="col-sm-10">
        <input type="text" id="fiyat" name="fiyat" class="form-control">
    </div>
 </div>

 <script>
     function hide(){
      var select = document.getElementById("select").selectedIndex;
      var input = document.getElementById("fiyat");
      if(select == 1)
      input.style.visibility= "hidden";
      else if(select == 2)
      input.style.visibility= "visible";
     }
</script>


菲亚特兰·马尔马
请选择
值1
价值2
我们的文本输入
函数hide（）{
var select=document.getElementById（“select”）.selectedIndex；
var输入=document.getElementById（“fiyat”）；
如果（选择==1）
input.style.visibility=“hidden”；
else if（选择==2）
input.style.visibility=“可见”；
}
使用java脚本
<div class="form-group">
<label class="col-sm-2 col-sm-2 control-label">Fiyatlandırma</label>
<div class="col-sm-10">
   <select class="form-control" id="select" name="fiyatlandirma"  onclick="hide()">
      <option>Please Select</option>
      <option value="1">Value 1</option>
      <option value="2" >Value 2</option>
   </select>
   </div>
</div>
<div class="form-group">
   <label class="col-sm-2 col-sm-2 control-label">Our Text Input</label>
    <div class="col-sm-10">
        <input type="text" id="fiyat" name="fiyat" class="form-control">
    </div>
 </div>

 <script>
     function hide(){
      var select = document.getElementById("select").selectedIndex;
      var input = document.getElementById("fiyat");
      if(select == 1)
      input.style.visibility= "hidden";
      else if(select == 2)
      input.style.visibility= "visible";
     }
</script>


菲亚特兰·马尔马
请选择
值1
价值2
我们的文本输入
函数hide（）{
var select=document.getElementById（“select”）.selectedIndex；
var输入=document.getElementById（“fiyat”）；
如果（选择==1）
input.style.visibility=“hidden”；
else if（选择==2）
input.style.visibility=“可见”；
}
使用java脚本
<div class="form-group">
<label class="col-sm-2 col-sm-2 control-label">Fiyatlandırma</label>
<div class="col-sm-10">
   <select class="form-control" id="select" name="fiyatlandirma"  onclick="hide()">
      <option>Please Select</option>
      <option value="1">Value 1</option>
      <option value="2" >Value 2</option>
   </select>
   </div>
</div>
<div class="form-group">
   <label class="col-sm-2 col-sm-2 control-label">Our Text Input</label>
    <div class="col-sm-10">
        <input type="text" id="fiyat" name="fiyat" class="form-control">
    </div>
 </div>

 <script>
     function hide(){
      var select = document.getElementById("select").selectedIndex;
      var input = document.getElementById("fiyat");
      if(select == 1)
      input.style.visibility= "hidden";
      else if(select == 2)
      input.style.visibility= "visible";
     }
</script>


菲亚特兰·马尔马
请选择
值1
价值2
我们的文本输入
函数hide（）{
var select=document.getElementById（“select”）.selectedIndex；
var输入=document.getElementById（“fiyat”）；
如果（选择==1）
input.style.visibility=“hidden”；
else if（选择==2）
input.style.visibility=“可见”；
}
您是否尝试过任何javascriptI我尝试过一些代码，但它们不起作用，因此我删除了它们。共享您尝试过的代码总比不共享任何东西好。您是否尝试过任何javascriptI尝试过一些代码，但它们不起作用，所以我删除了它们。分享你曾经尝试过的东西总比不分享任何东西好。你尝试过任何Javascript吗？我尝试过一些代码，但它们不起作用，所以我删除了它们。分享你曾经尝试过的东西总比不分享任何东西好。你尝试过任何Javascript吗？我尝试过一些代码，但它们不起作用，所以我删除了它们。分享你曾经尝试过的东西总比不分享任何东西好