PHPを使用してドロップダウンメニューから選択項目の値を取得するには

Question

Hier私は少し問題があります。順番に同じ値を選択した場合（または[送信]ボタンを2回クリックした場合）、何も起こりません。しかし、ドロップダウンリストからアイテムを変更すると、それはうまくいきます。変数 "var value = $（this）.data（" value "）;"の値は、リストから別の項目を選択しないと変更されません。なぜこの値がデータベースから行を取得するので、値を変更したいのですか？私は任意のsuccesなしでchange（）関数を試してみました。

 <div class="col-md-6 center"> 
    <H2>Macig Box</H2> 
    Please Select Nummer Of Match. 
    <form id="myform" method="get"> 
    <div class="dropdown"> 
     <button class="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true"> 
      Succes 
      <span class="caret"></span> 
     </button> 

     <input type="hidden" id="selectedNummer" name="selectedNummer" /> 
     <ul class="dropdown-menu myCustomDropMenu" aria-labelledby="dropdownMenu1" onchange="change()" > 

      <li><a href="#" data-value="1">1</a></li> 
      <li><a href="#" data-value="2">2</a></li> 
      <li><a href="#" data-value="3">3</a></li> 
      <li><a href="#" data-value="4">4</a></li> 
      <li><a href="#" data-value="5">5</a></li> 
      <li><a href="#" data-value="6">6</a></li> 
      <li><a href="#" data-value="7">7</a></li> 
      <li><a href="#" data-value="8">8</a></li> 

     </ul> 
    </div> 
     <input type="submit" value="Send"> 
</form> 

     <script> 
     $('.myCustomDropMenu li a').click(function(e){ 
    var value=$(this).data("value"); 
var selText = $(this).text(); 
$(this).parents('.dropdown').find('.dropdown-toggle').html(selText+'<span class="caret"></span>'); 
    $('#selectedNummer').val(value); 
}); 
    </script> 
    <script> 
function change(){ 
    document.getElementById("myform").submit(); 
} 
</script> 

誰かがこの目標をアーカイブするのを手伝ってください。ありがとうございました。

Answer 1

jQueryを使用して、選択した値をドロップダウンから入力フィールドに設定しました。あなたは何ができるか

は、ドロップダウンメニューの<a>にclickトリガーを入れ、ドロップダウンから<a>のclickにselectedNummer入力に対応する値を設定されています。

ページにdropDownMenusが複数ある場合は、ドロップダウンメニューにカスタムクラスを追加して、特定のclickトリガーを入れることができます。

あなたのHTMLはこのようになります。あなたがPOSTやGETメソッドを使用してフォームを送信する際

<div class="col-md-6 pull-right"> 
    <H2>Macig Box</H2> 
    Please Select Nummer Of Match. 
    <div class="dropdown"> 
     <button class="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true"> 
      Succes 
      <span class="caret"></span> 
     </button> 

     <input type="hidden" id="selectedNummer" name="selectedNummer" /> 
     <ul class="dropdown-menu myCustomDropMenu" aria-labelledby="dropdownMenu1"> 
      <li><a href="#" data-value="1">1</a></li> 
      <li><a href="#" data-value="2">2</a></li> 
      <li><a href="#" data-value="3">3</a></li> 
      <li><a href="#" data-value="4">4</a></li> 
      <li><a href="#" data-value="5">5</a></li> 
      <li><a href="#" data-value="6">6</a></li> 
      <li><a href="#" data-value="7">7</a></li> 
      <li><a href="#" data-value="8">8</a></li> 
     </ul> 
    </div> 

そしてselectedNummer入力に値を設定するために、JSは今

$('.myCustomDropMenu li a').click(function(e){ 
    var value=$(this).data("value"); 
    $('#selectedNummer').val(value); 
}); 

だろう、あなたは$_POST['selectedNummer']または$_GET['selectedNummer']、および使用を使用して値にアクセスすることができますPHP変数に値を代入すること。入力値設定のための

//e.g. 
$variableValue=$_POST['selectedNummer']; 
// OR 
$variableValue=$_GET['selectedNummer']; 

ワーキングjsFiddle：https://jsfiddle.net/1dLoqe44/