Javascript 如何仅在选择某个下拉菜单项时激活输入字段

如果选择了下拉列表中同名的项目，我希望名为“其他”的

被激活。否则，它将被停用

<div class="dropdown">
  Choisir le type:
  <a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#">Type</a>
  <input type="hidden" id="selectedFormation" name="selectedFormation" />
  <ul class="dropdown-menu">
    <li><a href="#" data-value="item1">item1</a></li>
    <li><a href="#" data-value="item2">item2</a></li>
    <li><a href="#" data-value="other">other</a></li>
  </ul>
</div>
<input type="text" class="form-control" name="other" id="other">

唱诗班类型：

$（“.下拉菜单a”）。单击（函数（）{
$（本）
.最近（“.下拉列表”）
.find（“.btn”）
.html（$（this）.text（）+“”）；
var value2=$（此）.data（“值”）；
$（“#selectedFormation”）.val（值2）；
});

您可以根据值将属性设置为true/false。您可以将该属性添加到输入中，因为下拉列表没有在页面加载时选择的other值

$（“.下拉菜单a”）。单击（函数（）{
$（this）.closest（'.dropdown'）.find（'.btn'）.html（$（this.text（）+''）；
var value2=$（此）.data（“值”）；
$（#selectedFormation'）.val（value2）；
如果（值2==‘其他’）
$（“#其他”）.attr（'disabled'，false）；
其他的
$（“#其他”）.attr（'disabled'，true）；
});

唱诗班类型：





您可以根据值将属性设置为true/false。您可以将该属性添加到输入中，因为下拉列表没有在页面加载时选择的other值


$（“.下拉菜单a”）。单击（函数（）{
$（this）.closest（'.dropdown'）.find（'.btn'）.html（$（this.text（）+''）；
var value2=$（此）.data（“值”）；
$（#selectedFormation'）.val（value2）；
如果（值2==‘其他’）
$（“#其他”）.attr（'disabled'，false）；
其他的
$（“#其他”）.attr（'disabled'，true）；
});

唱诗班类型：





将
禁用的属性添加到输入中。现在单击锚定标记，获取值，如果它是
other
则启用或禁用它


$（“.下拉菜单a”）。单击（函数（）{
$（this）.closest（'.dropdown'）.find（'.btn'）.html（$（this.text（）+''）；
var value2=$（此）.data（“值”）；
$（#selectedFormation'）.val（value2）；
//在这里添加了代码
如果（值2==‘其他’）{
$（“#其他”）.prop（'disabled'，false）
}否则{
$（“#其他”）.prop（'disabled'，true）
}
});

唱诗班类型：





将
禁用的属性添加到输入中。现在单击锚定标记，获取值，如果它是
other
则启用或禁用它


$（“.下拉菜单a”）。单击（函数（）{
$（this）.closest（'.dropdown'）.find（'.btn'）.html（$（this.text（）+''）；
var value2=$（此）.data（“值”）；
$（#selectedFormation'）.val（value2）；
//在这里添加了代码
如果（值2==‘其他’）{
$（“#其他”）.prop（'disabled'，false）
}否则{
$（“#其他”）.prop（'disabled'，true）
}
});

唱诗班类型：





最好将其更改为表单
select
元素，因为该元素具有内置的onchange事件。因为它是一个
ul
，所以您必须通过在悬停的基础上添加类来重新创建它，这将需要更多的JS。请参阅本页上onchange的代码片段：


在此处修改其代码以类似您的案例：

<select id="mySelect" onchange="myFunction()">
  <option value="item1">Item 1
  <option value="item2">Item 2
  <option value="other">Other
</select>

<p id="demo"></p>

<script>
function myFunction() {
    var x = document.getElementById("mySelect").value;
    document.getElementById("demo").innerHTML = "You selected: " + x;
    if (x === "other") {
        // enable form field code
    }
}
</script>


项目1
项目2
其他

函数myFunction（）{
var x=document.getElementById（“mySelect”）.value；
document.getElementById（“demo”）.innerHTML=“您选择：”+x；
如果（x==“其他”）{
//启用表单字段代码
}
}
最好将其更改为表单
select
元素，因为该元素具有内置的onchange事件。因为它是一个
ul
，所以您必须通过在悬停的基础上添加类来重新创建它，这将需要更多的JS。请参阅本页上onchange的代码片段：


在此处修改其代码以类似您的案例：

<select id="mySelect" onchange="myFunction()">
  <option value="item1">Item 1
  <option value="item2">Item 2
  <option value="other">Other
</select>

<p id="demo"></p>

<script>
function myFunction() {
    var x = document.getElementById("mySelect").value;
    document.getElementById("demo").innerHTML = "You selected: " + x;
    if (x === "other") {
        // enable form field code
    }
}
</script>


项目1
项目2
其他

函数myFunction（）{
var x=document.getElementById（“mySelect”）.value；
document.getElementById（“demo”）.innerHTML=“您选择：”+x；
如果（x==“其他”）{
//启用表单字段代码
}
}