입력 양식의 데이터를 사용하여 새 창 열기

Question

HTML 파일의 입력 양식에서 사용자는 URL을 입력해야합니다 (thislink이라고합시다). 그런 다음 사용자가 제출 버튼을 클릭하면 URL에 thislink이 통합 된 새 창을 열려고합니다. URL은 '/selection/yes/?value='+thislink'이어야합니다.

여기에 코드의 2 tentatives 있습니다

1 차 시험 :

<form id="urlarticle"> 
    <input type='text' name='thislink'> 
    <input type='submit' value='Select' onclick = function() {window.open('/selection/yes/?value='+thislink)};> 
</form> 

2 차 시험 :

<form id="urlarticle"> 
    <input type='text' name='thislink'> 
    <input type='submit' value='Select'> 
</form> 

<script type='application/javascript'> 
    $("#urlarticle").submit(function() { 
     window.open('/selection/yes/?value='+thislink); 
    });  
</script> 

그러나 모두 tentatives가 작동하지 않는, 어떤 도움이 올바른 방법으로를 얻을 수 그것을 써주세요! 당신이 jQuery를 태그하기 때문에

Answer 1

, 당신은 이런 식으로 그것을 할 수 :

http://jsfiddle.net/729uh/

자바 스크립트 :

$("#urlarticle").submit(function() { 
    var linkValue = $('input[name="thislink"]').val(); 
    window.open('/selection/yes/?value='+linkValue); 
}); 

HTML을 :

<form id="urlarticle"> 
    <input type='text' name='thislink'/> 
    <input type='submit' value='Select'/> 
</form> 

을 어떤이가하는 것은 :

• 사용 jQuery를이 thislink
• 그 안에 기록 된 값을 값으로 name 속성이있는 input을 선택
• 귀하의 링크