×

Loading...
Ad by
  • 推荐 OXIO 加拿大高速网络，最低月费仅$40. 使用推荐码 RCR37MB 可获得一个月的免费服务
Ad by
  • 推荐 OXIO 加拿大高速网络，最低月费仅$40. 使用推荐码 RCR37MB 可获得一个月的免费服务

@Florida

Here comes the code for #2

jchonc(James)
本文发表在 rolia.net 枫下论坛<code>

<html>

<head>
<title>Test Dynamic Dropdown box</title>
<script language=javascript>
function getSelectedIndex(aSelector) {
for(var i = 0; i<aSelector.options.length;i++)
if (aSelector.options[i].selected)
return i;
return -1;
}
function clearOptions( aSelector ) {
while ( aSelector.length != 0 )
aSelector.options.remove(0);
}
function appendOption( aSelector, aOption ) {
for( var i = 0; i < aSelector.options.length; i++) {
if (aSelector.options[i].text == aOption) return;
}
var aItem = document.createElement("OPTION");
aItem.text = aOption;
aSelector.options.add(aItem);
}
function resetOptions( aSelector, aList ) {
clearOptions(aSelector);
aList.sort();
for( var i = 0; i<aList.length; i++)
appendOption(aSelector,aList[i]);
}
var Select2Options = new Array(
new Array("Option11","Option12"),
new Array("Option21","Option22")
);
function AdjustOptions() {
var n = getSelectedIndex(document.all.select1);
if ( n >= 0 ) {
resetOptions(document.all.select2,Select2Options[n]);
}
}
</script>
</head>

<body>
<form>
<select name="select1" onchange="javascript:AdjustOptions()">
<option selected>Option1</option>
<option>Option2</option>
</select>
<select name="select2">
</select>
<script language=javascript>
document.all.select1.onchange();
// For the initial load
</script>
</form>

</body>

</html>





</code>更多精彩文章及讨论，请光临枫下论坛 rolia.net
(#1560429@0)
Last Updated: 2004-1-14
This post has been archived. It cannot be replied.
Report

Replies, comments and Discussions:

  • 工作学习 / IT技术讨论 / html代码问题 -lord_of_ring(魔王转世); 2004-1-13 {169} (#1559857@0)
    html里面的drop-down box人家可以做出的效果是，

    改变一个drop-down box的内容，另外一个drop-down box里面的内容会自动去数据库更新，这个是form里面的什么属性触发的？

    谢谢
    • 随便找个网页看看source就知道了，有个event专门是select 改变后就变的，Sun主页上原来有个technology list ,选中一个就把你navigate到别的页 -fatbean(洗心革面 第一千次); 2004-1-13 (#1559878@0)
    • javascript, onchange -anno(烦人); 2004-1-13 (#1559881@0)
    • 我认为用静态html代码不可能实现。如果用动态网页，比如ASP.NET，非常容易。 -sigh71(残荷听雨); 2004-1-13 (#1559884@0)
    • ?????用php能写吗??????? -lord_of_ring(魔王转世); 2004-1-13 {28} (#1559923@0)
      最好能给个很简单的代码，谢谢
    • selectedindexchanged -luoboyang(萝卜秧); 2004-1-13 (#1559932@0)
      • 哪种语言？ -lord_of_ring(魔王转世); 2004-1-13 (#1559943@0)
    • Several ways -jchonc(James); 2004-1-13 {606} (#1559976@0)
      1) submit the page and refresh the list content of the second dropdown box use server side tech. (asp/jsp/isapi/cgi......)
      2) build the tree into javascript, in onchange event of the first dropdown box, using DOM/script to modify the items of the second one. If the number of items are not too much, this is the fastest way.
      3) In onchange event of the first dropdown box, generate a xmlhttprequest object and fill in the value, and on the server side, return the list, then using DOM/script to modify the list in dropdown box B. This one require MSXML on the client side, good for intranet applications.
      • #1559923?thx -lord_of_ring(魔王转世); 2004-1-13 (#1559983@0)
        • I have samples for both 1) and 2) in my project, will post tomorrow after get to office. The third one is in my new project, no sample yet. -jchonc(James); 2004-1-13 (#1560027@0)
          • sorry, but I meant if it's possible in perl? -lord_of_ring(魔王转世); 2004-1-13 (#1560048@0)
            • Sorry I am not a perl/php guy. I am using ISAPI/DHTML/Javascript in my projects. -jchonc(James); 2004-1-13 (#1560050@0)
              • : ) -lord_of_ring(魔王转世); 2004-1-13 {9} (#1560076@0)
                It's OK.
                • html code should like this: -luoboyang(萝卜秧); 2004-1-13 {159} (#1560089@0)
                  <select id="box1" onchange="getyour2ndbox()">
                  <option>item1</option>
                  ..
                  ..
                  </select>

                  then in this 'get...()' to fill your other dropdown box data.
            • Here comes the code for #2 -jchonc(James); 2004-1-14 {1473} (#1560429@0)
              本文发表在 rolia.net 枫下论坛<code>

              <html>

              <head>
              <title>Test Dynamic Dropdown box</title>
              <script language=javascript>
              function getSelectedIndex(aSelector) {
              for(var i = 0; i<aSelector.options.length;i++)
              if (aSelector.options[i].selected)
              return i;
              return -1;
              }
              function clearOptions( aSelector ) {
              while ( aSelector.length != 0 )
              aSelector.options.remove(0);
              }
              function appendOption( aSelector, aOption ) {
              for( var i = 0; i < aSelector.options.length; i++) {
              if (aSelector.options[i].text == aOption) return;
              }
              var aItem = document.createElement("OPTION");
              aItem.text = aOption;
              aSelector.options.add(aItem);
              }
              function resetOptions( aSelector, aList ) {
              clearOptions(aSelector);
              aList.sort();
              for( var i = 0; i<aList.length; i++)
              appendOption(aSelector,aList[i]);
              }
              var Select2Options = new Array(
              new Array("Option11","Option12"),
              new Array("Option21","Option22")
              );
              function AdjustOptions() {
              var n = getSelectedIndex(document.all.select1);
              if ( n >= 0 ) {
              resetOptions(document.all.select2,Select2Options[n]);
              }
              }
              </script>
              </head>

              <body>
              <form>
              <select name="select1" onchange="javascript:AdjustOptions()">
              <option selected>Option1</option>
              <option>Option2</option>
              </select>
              <select name="select2">
              </select>
              <script language=javascript>
              document.all.select1.onchange();
              // For the initial load
              </script>
              </form>

              </body>

              </html>





              </code>更多精彩文章及讨论，请光临枫下论坛 rolia.net
        • The code for #3 is very similar, except the list comes from an xmlhttprequest.respondtext, and require a server side module to return the list. -jchonc(James); 2004-1-14 (#1560430@0)

More Topics

  • 脑洞大开，突发奇想，用力来传播信息
  • 看大家讨论日语，俺也正在认真学习。其实语言问题应该是很快也很容易就解决的，可能比自动驾驶来的还快。TREK里面，全宇宙的人都在大脑里安装了UNIVERSAL TRANSLATOR，外星人之间相互交流无障碍。废话少说，看视频。。。加上个MIC和耳机，不同国家的人就可以无障碍交流。
  • 肉脸真有搞 IT 的？Linux 把俄国中国伊朗踢出去了好像肉脸 IT 没啥感觉似的
  • 请问web developer和software developer技术上有什么区别？
  • Elon Musk 带着川普总统奔向火星了。
    • 枫下论坛主坛 /  工作学习 /  IT技术讨论