obtenir des liens de menu déroulant dynamique

Question

d'abord tout ce que je suis arrivé ce code PHP

<?php 
$sqlget2 = "SELECT * FROM `table` ORDER BY `table`.`id` ASC "; 
$sqldata2 = mysqli_query($mysqli, $sqlget2) or die('error getting data'); 

    while($row = mysqli_fetch_array($sqldata2, MYSQLI_ASSOC)) { 
    echo '<option value="'.$row['id'].'">Episode '.$row['id'].'</option>'; 
}?> 

dans ma table de DB Je suis 3 lignes (id, stream_link, download_link)

Mon but est d'obtenir le flux et lien de téléchargement de cet identifiant, qui est sélectionné dans la liste déroulante en ce moment.

Je veux que le lien de téléchargement pour aller en: a href = "download_link"

et le lien de flux dans une balise vidéo

<video class="afterglow" id="myvideo" width="720" height="400" data-autoresize="fit"> 
    <source src="" type="video/mp4"> 
</video> 

Merci pour votre aide

Answer 1

Vous avez déjà mentionné que vous avez les valeurs dans le DB. Et vous faites déjà un SELECT *, il n'y a donc aucun sens à revenir à la base de données, à récupérer à nouveau, en fonction de l'ID, lorsque vous avez déjà ces données disponibles dès le premier chargement. Donc, aussi bien l'utiliser, et utiliser les attributs de données HTML5. Ensuite, utilisez Jquery pour le reste.

WORKING EXAMPLE HERE

écho Ainsi, le lien/flux directement sur l'élément d'option, en utilisant les attributs de données. Comme si ... appelez-les comme vous voulez. J'ai utilisé le lien de données, et le flux de données dans ce cas.

<?php 
$sqlget2 = "SELECT * FROM `table` ORDER BY `table`.`id` ASC "; 
$sqldata2 = mysqli_query($mysqli, $sqlget2) or die('error getting data'); 

while($row = mysqli_fetch_array($sqldata2, MYSQLI_ASSOC)) { 
echo '<option value="'.$row['id'].'" data-link="'.$row['download_link'].'" 
data-stream="'.$row['stream_link'].'" >Episode '.$row['id'].'</option>'; 
}?> 

Puis j'utiliserais Jquery pour faire le reste.

$(document).ready(function(){ 

    // On select list change.  
    $('select').change(function(){ 

     // Find selected option element 
     var opt = $(this).find(":selected"); 

     // Alter the download link href, with the data-link attribute, on the option 
     $('.download_link').attr('href',opt.data('link')); 

     // Replace stream DIV, with data-stream attribute on the option 
     $('#stream').html('<video controls autoplay class="afterglow" id="myvideo" width="720" 
      height="400" data-autoresize="fit"><source src="'+opt.data('stream')+'" type="video/mp4"></video>'); 

    }); 
}); 

ensuite sur votre HTML ont seulement deux éléments sous la sélection. Où les données peuvent être remplacées par

<a href='' class='download_link'>Download</a> 

    <div id="stream"></div> 

Answer 2

de Premier changement de cette :

echo '<option id="selectedOption" value="'.$row['id'].'">Episode '.$row['id'].'</option>'; 

ajouter ensuite une requête AJAX (j'utilise jQuery):

$('#select-div').on('change','#selectedOption',function() { 
    let data = ('#selectedOption').val(), 
    $.ajax({ 
    type: 'POST', 
    url: 'your/route.php', 
    data: data, 
    success: function (result) { 
     //do something 
    }, 
    error: function (result) { 
     //do something 
    } 
    }); 
});