1


0

Javascriptを使ってhtml Listの値を取得する方法

HTMLリストの `++`から値を取得しようとしています

.

    Main Menu

            Sampe 1
            Sample 2
            Sample 3
            Sample 4
            Sample 5






function changeList()
{
    var iframe = document.getElementById("iframeid");
    var url = document.getElementById("selectedlist").value + ".html";
    iframe.src = url;
}

リストから値を取得するには、onClick = "changeList()"をどこに置きますか。

4 回答


4


ここでいくつかのことが間違っています。

  1. HTMLリスト項目( ++

  2. )値がありません

  3. HTMLリストに「選択項目」がありません

  4. `+ getElementById()+`を呼び出して「選択された」アイテムを取得することはできません。

これは私の代わりの提案です:

  Main Menu

      Sample 1
      Sample 2
      Sample 3
      Sample 4
      Sample 5







function changeList(a)
{
  var iframe = document.getElementById("iframeid");
  iframe.src = a.href;
  return false;
}

思考:JavaScriptが無効になっていても、(基本的には)動作します。 この関数は `+ false +`を返すため、JavaScriptが有効になっている場合、リンクをクリックするとhrefナビゲーションがキャンセルされます。

HTML 4.01 Transitionalまでは、JavaScriptを使わずにこれを完全に行うことも可能です。 フレーム名を持つ `+ target +`属性で十分です:

  Main Menu

      Sample 1
      Sample 2
      Sample 3
      Sample 4
      Sample 5


1


私はインラインインラインフレームについて100%確信していません、しかしあなたは単に使うことができました

これは厳密には有効なHTML 4ではありませんが、暫定的に有効であり、関係なくすべてのブラウザで動作します。


1


`+ li +`には属性値がありますが、値は整数である必要があります。これがポイントです。

             Sampe 1
            Sample 2
            Sample 3
            Sample 4
            Sample 5


0


私はそれがあなたがクリックしているものであると思うので、あなたはアンカータグの上にこれを置くでしょう。