如何显示选定值的下拉列表？答案

【问题标题】：How to show drop down list for a selected value?如何显示选定值的下拉列表？
【发布时间】：2013-10-08 09:50:42
【问题描述】：

我有一个 html 形式的下拉列表。如果用户在此选择任何选项，则基于我想显示另一个下拉列表的选择。

   <select name="places">
    <option value="-1">Select</option>
      <option value="nilgiris">Nilgiris </option>
      <option value="coimbatore">Coimbatore</option>
      <option value="chennai">Chennai</option>
    </select>

例如，如果用户选择“Nilgiris”，我想显示 Nilgirs 中的位置，例如 ooty、coonoor、kotagiri...

  <option value="ooty">Ooty </option>
  <option value="coonoor">Coonoor</option>
  <option value="kotagiri">Kotagiri</option>

怎么做...

function check(elem) {
    document.getElementById('places1').disabled = !elem.selectedIndex;
    }

<select name="places" onchange="check(this);">
        <option value="-1">Select</option>
          <option value="nilgiris">Nilgiris </option>
          <option value="coimbatore">Coimbatore</option>
          <option value="chennai">Chennai</option>
        </select>


<select id="places1" disabled="disabled" >
<option>Ooty</option>
<option>Coonoor</option>
<option>Kotagiri</option>
</select>

此代码在“places”下拉列表中的任何选择上启用“places1”下拉列表...

我想让它仅在“地点”下拉列表中选择 Nilgiris 时启用。

怎么弄？？？

【问题讨论】：

可能重复：stackoverflow.com/questions/18884713/…
您可以使用 AJAX 来获取多选下拉列表

标签： html forms list

【解决方案1】：

对于选择标签，有“onselect”事件。 'onselect' 在元素中选择了某些文本后触发。你可以调用函数 onselect 事件。

您将选定的值放入函数中，具体取决于您可以在下拉列表中绑定的第二个值。

【讨论】：

【解决方案2】：

<select name="places" id="dropdownlist" onchange="formulaTypeChange()">
  <option value="-1">Select</option>
  <option value="nilgiris">Nilgiris</option>
  <option value="coimbatore">Coimbatore</option>
  <option value="chennai">Chennai</option>
</select>
<select id="nilgiris" style="display:none">
  <option value="ooty">Ooty</option>
  <option value="coonoor">Coonoor</option>
  <option value="kotagiri">Kotagiri</option>
</select>
<select id="coimbatore" style="display:none">
  <option value="mtp">MTP</option>
  <option value="pollachi">Pollachi</option>
  <option value="CBE">CBE</option>
</select>
<select id="chennai" style="display:none">
  <option value="perambur">Perambur</option>
  <option value="guduvancheri">Guduvancheri</option>
  <option value="mahabalipuram">Mahabalipuram</option>
</select>

四个带有相应选项的下拉列表。

function formulaTypeChange() {
     if($("#dropdownlist").find('option:selected').val()== "nilgiris"){
         $('#nilgiris').css('display', 'block');
         $('#coimbatore').css('display', 'none');
         $('#chennai').css('display', 'none');
     } else if (str == 'coimbatore') {
         $('#nilgiris').css('display', 'none');
         $('#coimbatore').css('display', 'block');
         $('#chennai').css('display', 'none');
     } else if (str == 'chennai') {
         $('#nilgiris').css('display', 'none');
         $('#coimbatore').css('display', 'none');
         $('#chennai').css('display', 'block');
     }
 }

根据#dropdownlist 中的值，将出现相应的下拉列表。希望这会有所帮助。

【讨论】：