無法從選擇選項中檢索值

Question

每當我嘗試從下拉列表更改值時，它都會重定向到其他URL。

無論如何，我只是沒有什么問題。

當我嘗試更改價值時，我沒有獲得品牌價值，它向我顯示：“未定義”

任何想法？

  <select id="brand" onchange="gotoPage()">

        <?php 
          $brands = dfr_get_brands_list($category);
        foreach ($brands as $brand) : ?>

               <option><?php echo $brand; ?></option>

        <?php endforeach; ?>

        </select>


        <?php if (@$_GET['brand']) { ?>


         <a href="[server.url type='fullpage' query='-brand']"><FONT COLOR="red"><?php echo"[[X] Remove Brand "; ?><?php echo @$_GET['brand']; ?></font></a>


        <?php } ?>


        <script>

          function gotoPage(){
            var url = "http://laptopsisland.com/shop/c/laptops/";
            var sel = document.getElementById("brand");
            var brand = sel.options[sel.selectedIndex].text;

            alert(brand);

            window.location.href = url + "&brand=" + brand;
        }

          </script>

Answer 1

我將有機會選擇顯示類似這樣的內容

<option value="<?php echo $brand; ?>"><?php echo $brand; ?></option>

然后獲得Bokonic提到的選定值

sel.options[sel.selectedIndex].value

讓我知道它是如何工作的。

Answer 2

您無需更改生成代碼。

您也不需要使用getElementById。

<script>
function gotoPage(e) {
    var brand = e.options[e.selectedIndex].text;
    alert(brand);
}
</script>
<select id="brand" onchange="gotoPage(this)">
    <option>aaa</option>
    <option>bbb</option>
</select>

工作解決方案： http : //jsfiddle.net/2YzAV/2/

帶有值的版本： http : //jsfiddle.net/2YzAV/3/