2017-12-07 6 views
-1

ドロップダウンメニューを変更した結果に基づいて、JavaScriptを使用してWebページを再送信しようとしています。ドロップダウンメニューは、SQLクエリによって作成されます。ドロップダウンメニューの結果を取得して別のクエリを実行する

HTML/PHP

<td> Workorder/IO: <select id = "WOIODD" name="WO/IO" onchange="getVal()"> 
<?php 
foreach($WoIo as $workorder) 
    { 
    echo '<option>'.$workorder.'</option>'; 
    } 
?> 
</select> 
</td> 
</tr> 
<?php $currentWo=($_GET['cwo']); ?> 

JAVASCRIPT

function getVal() 
    { 
     var currentVal = document.getElementById('WOIODD').value; 
     location.href="?cwo="+currentVal; 
    } 

問題はdocument.getElementById.valueは何も返さないです。値IS NOT NULLが返されますが、何も返されません。 javascriptを修正しようとすると、null値なしで条件付きで実行された後でも、alert(currentVal)に空白のボックスが表示されました。 Work Orderドロップダウンメニューで選択したオプションに基づいて別のクエリを実行できるようにする必要があります。

これがなぜ起こったのか、どのように修正するのか、あるいは別の方法を一緒にするのかについてのアイデアはありますか?

は ジョシュア

+0

@タプラーは関係ありません。その後、値としてラベルが使用されます。 – Zammy

+0

私は厳粛に間違って何も表示されません。.. codepenでスクリプトを再作成し、それが動作:@Zammyが言ったようにhttps://codepen.io/anon/pen/BmgKrR – Zammy

+0

値は、何も変更しない、それだけを前提としていクエリーデータをラベルとして –

答えて

0

問題が解決した、ありがとう。 最初のJavaスクリプトは、次にHTML/PHPが

<td> Workorder/IO: <select id = "WOIODD" name="WO/IO" onchange="getVal(this)"> 
<?php 
foreach($WoIo as $workorder) 
    { 
    echo '<option value="'.$workorder.'">'.$workorder.'</option>'; 
    } 
?> 

は基本的に、それは価値が私は明示的に各値を評価し、各オプションを評価されませんでしたに変更されました

function getVal(dropdown) 
{ 
    var currentVal = dropdown.value; 

    location.href="?cwo="+currentVal; 
} 

に変更しました。

皆様のご意見ありがとうございました。私は正しい方向に向いています。

関連する問題