THT DUYURU

chat
takipci
chat
Seçenekler

Dynamic drop down list 2 (ing)

ZeRooCooL - ait Kullanıcı Resmi (Avatar)
Üye
Üyelik tarihi:
01/2012
Mesajlar:
2.629
Konular:
1273
Teşekkür (Etti):
210
Teşekkür (Aldı):
304
Ticaret:
(0) %
0
1005
29-03-2012 19:45
#1
Dynamic drop down list 2 (ing)


Bir kutuda herhangi bir seçim yapıldığında diğer kutulardan ilgili seçeneği otomatik olarak kaldırmanızı sağlayan örnek bir JAVASCRIPT uygulaması.



Kod:
<script typr="text/javascript">
/* This script and many more are available free online at
The JavaScript Source!! http://javascript.internet.com
Created by: Jay M. Rumsey, OD | http://www.nova.edu/~rumsey */

function NewList(selObj,newObj) {
  var selElem = ********.getElementById(selObj);
  var selIndex = selElem.selectedIndex;
  var newElem = ********.getElementById(newObj);
  var tmp = '';
  newElem.options.length = 0;
  for (var i=0; i<selElem.options.length; i++) {
    tmp = selElem.options[i].value;
    if (i != selIndex) { newElem.options[newElem.options.length] = new Option(tmp,tmp); }
  }
}
</script>

<table>
  <tr>
    <td>
      <select id="SBox0" onclick="NewList('SBox0','SBox1')">
      <option value="1">1</option>
      <option value="2">2</option>
      <option value="3">3</option>
      <option value="4">4</option>
      <option value="5">5</option>
      </select>
    </td>
    <td>
      <select id="SBox1" onclick="NewList('SBox1','SBox2')">
      <option value=""></option>
      </select>
    </td>
    <td>
      <select id="SBox2">
      <option value=""></option>
      </select>
    </td>
  </tr>
</table>

Bookmarks


« Önceki Konu | Sonraki Konu »
Seçenekler