javascript를 사용하여 url에 여러 변수를 추가하려면 어떻게합니까?

Question

javascript를 사용하여 url 끝에 여러 변수를 추가하는 데 문제가 있습니다. 사용자는 선택 메뉴 및 텍스트 영역을 사용하여 페이지에 입력을 제공합니다. 텍스트 영역 만 사용하면 작동하지만 선택 메뉴를 포함 할 수 없습니다.

<?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;