2017-04-21 98 views
0

我不想要一个按钮来提交我的下拉列表中的信息,所以我认为onchange将是提交它的最佳方式。但是当我使用href而不是value时,我不知道如何实现它。有没有办法做到这一点?无选择从html提交选择,但使用href和不值?

我有这样的HTML:

<a href='index.php'>Home </a>| 
    <a href='index.php?mode=customers'>List of Customers </a>| 
    <a href='index.php?mode=movieList&genre=Drama'>Drama Movies </a>| 
    <a href='index.php?mode=movieList&genre=Adventure'>Adventure Movies </a>| 
    <select> 
      <option disabled selected>Popular Movies</option> 
      <option><a href='index.php?mode=favoriteGenre&genre=Adventure'>Adventure</a> 
      <option><a href='index.php?mode=favoriteGenre&genre=Romance'>Romance</a> 
      <option><a href='index.php?mode=favoriteGenre&genre=Drama'>Drama</a> 
      <option><a href='index.php?mode=favoriteGenre&genre=Comedy'>Comedy</a> 
      <option><a href='index.php?mode=favoriteGenre&genre=Sci-Fi'>Sci-Fi</a> 
    </select> 

,然后就在下拉列表中相应的PHP:

case "favoriteGenre" : 

     $genre = (isset($_GET['genre'])) ? $_GET['genre'] : -1; 
     // step 1: Define SQL Statement 
     $sql = "SELECT first_name, last_name, title, `movies`.type, date_out FROM `movies`,`customers` WHERE `movies`.type='".$genre."'"; 
     // obtain data 
     $movieInfo = getAll($sql); 
     // define column labels 
     $movie_labels = array('First Name', 'Last Name', 'Title', 'Genre', 'Date Out'); 
     echo "All instances of rental where the genre is " . $genre . ":"; 
     // display data 
     displayTable($movieInfo, $movie_labels); 
     break; 

而且,如果这个问题在其它地方得到回答,请只点我在正确的方向。到目前为止,我还没能找到它。谢谢!

+0

这是一个很好的解决方案:http://stackoverflow.com/a/2000689 – Brian

+0

如果我将它改为:会GET仍然工作得到模式和流派?如果选择该选项并且不使用按钮,这将如何帮助提交进行? – RachaelTheBlonde

回答

1

而是保持里面的链接选项,将值分配给选择这样的 -

<a href='index.php'>Home |</a> 
<a href='index.php?mode=customers'>List of Customers |</a> 
<a href='index.php?mode=movieList&genre=Drama'>Drama Movies |</a> 
<a href='index.php?mode=movieList&genre=Adventure'>Adventure Movies |</a> 
<select id="movieOptions"> 
     <option disabled selected>Popular Movies</option> 
     <option value="mode=favoriteGenre&genre=Adventure">Adventure</option> 
     <option value="mode=favoriteGenre&genre=Romance">Romance</option> 
     <option value="mode=favoriteGenre&genre=Drama">Drama</option> 
     <option value="mode=favoriteGenre&genre=Comedy">Comedy</option> 
     <option value="mode=favoriteGenre&genre=Sci-Fi">Sci-Fi</option> 
</select> 

<script> 
    $("#movieOptions").change(function() { 
     var goTo = this.value; 
     console.log(goTo); 
     window.location.href = "index.php?" + goTo; 
    }); 
</script> 
+0

谢谢!这工作! – RachaelTheBlonde