javascriptを使用してボタンに異なるフォームを表示

Question

私は2つのボタンがあり、データベースのデータを1つのボタンに表示したいと思っていて、2番目のボタンにフォームを表示したいと思っています。このコードは動作していますが、クリックすると同じフォームが表示されます。親切に私はこれでお手伝いを手伝ってください！

<input type="button" onclick="check(this.form)" value="Survey" /> 
    <script language="javascript"> 
    function check(form) { 
     window.open('index.html') 
    } 
    </script> 

    <input type="button" onclick="check(this.form)" value="detail" /> 

    <script language="javascript"> 
    function check(form) { 

     window.open('databasedetail.php') 
    } 
    </script> 

Answer 1

ロジックや構造上のエラーがあります。次のようなものを試してみてください。

<input type="button" onclick="check('survey');return false" value="Survey" /> 
<input type="button" onclick="check('detail');return false" value="detail" /> 

<script language="javascript"> 
function check(mode) { 
    var pageToOpen; 
    if (mode == 'survey') { 
     pageToOpen = 'index.html'; 
    } else if (mode == 'detail') { 
     pageToOpen = 'databasedetail.php'; 
    } 
    if (pageToOpen) { 
     window.open(pageToOpen); 
    } 
} 
</script>