Передача опции выбора в href в теге «a»

#javascript #php

#javascript #php

Вопрос:

В настоящее время я сталкиваюсь с некоторыми трудностями, пытаясь передать значение из опции выбора кнопке. Я не могу понять, каков следующий шаг.

Я хочу передать значение из опции выбора на кнопку и изменить href тега a на «сообщество / значение«.

Вот выдержка из кода:

 <div class="communitycpost">
  <strong>View All Posts By:</strong><br>
  <select id="viewallposts" class="viewallposts" name="viewallposts">
    <?php
    require "includes/dbh.inc.php";
    $sql =  "SELECT DISTINCT(cpost_user) FROM cposts;";
    $res = $conn->query($sql);
    while ($rows = $res->fetch_assoc()) {
      $CUser = $rows['cpost_user'];
    ?>
    <option value="<?php echo $CUser; ?>"><?php echo $CUser; ?></option>
    <?php
    }
    ?>
  </select><br>
  <a id="viewalla" href="community/<?php echo $CUser; ?>">
    <button id="cpost_btn" class="cpost_btn" type="button"> View </button>
  </a>
</div>
  

Ответ №1:

В итоге я использовал это, чтобы попытаться решить проблему! Я надеюсь, что это может помочь кому-то, кому это нужно!

 <script>
   function usrselect() {
      var usr = document.getElementById("viewallposts");
      var comm = "community/"
      var displaytext = usr.options[usr.selectedIndex].text;
      var userurl = comm   displaytext
      document.getElementById("viewalla").href = userurl;
      }
</script>