-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」を選択した場合、ooty、coonoor、kotagiri などの Nilgirs の場所を表示したい...

  <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>

それぞれのオプションを含む 4 つのドロップダウン リスト。

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 に答える