Как добавить несколько переменных в URL с помощью JavaScript?

Question

У меня проблемы с добавлением нескольких переменных в конец URL с помощью JavaScript. Пользователь обеспечивает ввод на странице с помощью меню выбора и текстовой области. Использование только текстовой области работает, но я не могу включить меню выбора.

<?php
$price = $_GET['price'];
$title = $_GET['title'];
$retailer = $_GET['retailer'];
$img = $_GET['img'];
$link = $_GET['link'];
$desc = $_GET['desc'];    
?>

<textarea rows="3" id="textarea" class="input-xlarge" placeholder="Size, color, style, etc" name ="options"></textarea>

<select style="width: 130px;" id="quantity" class="span2">
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
        </select>

<script language="javascript">
    function test()
{
    var val=document.getElementById("textarea").value;  
    var val=document.getElementById("quantity").value; 
    var hrf="viewcart.php?retailer=<?php echo $retailer?>&link=<?php echo $link; ?>&price=<?php echo $price; ?>&title=<?php echo $title; ?>&options="+val;
    document.getElementById("a_link").href=hrf;
}
</script>

<a href ="#" id="a_link" onclick="test();" class="btn btn-success" type="submit">
    <i class="icon-shopping-cart icon-white"></i>  Add to Cart
</a>

Строка, которую я пытаюсь изменить:

    var hrf="viewcart.php?retailer=<?php echo $retailer?>&link=<?php echo $link; ?>&price=<?php echo $price; ?>&title=<?php echo $title; ?>&options="+val;

Я пытался получить ниже, но это не сработало:

    var hrf="viewcart.php?retailer=<?php echo $retailer?>&link=<?php echo $link; ?>&price=<?php echo $price; ?>&title=<?php echo $title; ?>&options="+val + “&quantity=” + quantity;

Есть идеи, как заставить это работать?

Answer 1

Используйте этого приятеля,

var quantity = document.getElementById("quantity").options[document.getElementById("quantity").selectedIndex].value;

var val=document.getElementById("textarea").value;

var hrf="viewcart.php?retailer=<?php echo $retailer?>&link=<?php echo $link; ?>&price=<?php echo $price; ?>&title=<?php echo $title; ?>&options="+val + “&quantity=” + quantity;

Answer 2

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

var selected_qty = document.getElementById("quantity").selectedIndex;
var all_qtys     = document.getElementById("quantity").options;

var quantity = all_qtys[selected_qty].value;