-1

我有一个 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”，我想在 Nilgiris 中显示位置，例如 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。

怎么做？？？

4

2 回答 2

0 
<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 中的值，将出现随后的下拉列表。希望这有帮助。

于 2013-10-08T11:28:23.620 回答
0

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

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

于 2013-10-08T10:06:45.760 回答