0

私は 2 レベル依存ドロップダウン リストを作成し、それは正常に動作しますが、javascript で 2 番目のレベルの値を取得する方法がわかりません..ここに私が使用しているコードがあります..

ドロップダウンリスト.html:

<script type="text/javascript" src="../js/dropdown_list.js"></script>
<select class="level" id="level1" onChange="get_level2(this.value)">
    <option selected="selected" value="0">--Choose One--</option>

<?php
$sql_get = mysql_query ("SELECT * FROM ajax_table WHERE pid=0");

    while($row_get = mysql_fetch_array($sql_get))
    {
        echo "<option value='".$row_get['id']."'>".$row_get['category']."</option>";
    }
    ?>
    </select>

    <span id="level2"></span>

get_level2 ()依存関係は問題なく機能するため、関数と別のphpファイルをスキップして、第2レベルのドロップダウンを処理できると思います..

ボタンをクリックしたときにドロップダウンリストから値を取得しようとするコードは次のとおりです..

dropdown_list.js :

function cekForm() {
//the getValue1 work fine but I can't make getValue2 work..
//how to get value from 2nd level drop down list with getValue2??

var value1 = document.getElementById("level1");
var getValue1 = value1.options[value1.selectedIndex].value;
var value2 = document.getElementById("level2");
var getValue2 = value2.options[value2.selectedIndex].value;
if (getValue1 == 0){
alert("Please Choose One");
}
if (getValue1 != 0){
//where I want to pass the dropdown value to post_value.php
window.location= "post_value.php";
}
}

第 2 レベルのドロップダウン リストの値を取得する方法??およびその値を post_value.php に渡す方法??

私を助けてください...

アップデート ：

Firefox ビュー ページ ソースのコードは次のとおりです。

//this is <head> part
  <link href="../css/val.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="../js/jquery-2.0.3.min.js"></script>
<script type="text/javascript" src="../js/dropdown_list.js"></script>
//end of </head>

//<body> part
<div class="form-div">
    <form id="form_level" name="form_level" style="padding-top:0px;">
    <div class="form-row" style="padding-top:0px;">
    <h3>Choose Drop Down :</h3>
    <select class="level" id="level1" onChange="get_level2(this.value)" style="position:relative; top:-40px; left:150px;">
    <option selected="selected" value="0">--Choose One--</option>
    <option value='1'>BAA</option><option value='2'>BAK</option><option value='3'>BAUK</option></select>

    <span id="level2"></span>
    </div>


      <div class="form-row" style="position:relative; top:100px; left:305px;">
      <input class="submit" value="Send" type="button" onClick="cekForm()">
      </div>
      <br /><br />
    </form>
</div>

4

1 に答える 1