2016-08-11 4 views
0

javascript를 사용하여 선택 목록의 사용자 선택에 따라 버튼의 href를 성공적으로 변경합니다. 그러나 href 값은 javascript 변수이며 내 코드에 의해 변경된 후 해결되지 않습니다. 페이지로드시선택 목록에서 버튼 href가 변경되지 않습니다. (자바 스크립트 : window.open (window.variable))

var clickTag1 = "http://www.myexampledomain.com/test-1"; 
 
var clickTag2 = "http://www.myexampledomain.com/test-2"; 
 
var clickTag3 = "http://www.myexampledomain.com/test-3"; 
 
var clickTag4 = "http://www.myexampledomain.com/test-4"; 
 

 
(function() { 
 
\t var form = document.forms['swiftForm']; 
 
\t 
 
\t //document.getElementById('cT_target').href = 'javascript:window.open(window.' + this.value + ')'; 
 
\t var trigger = document.getElementById('cT_toggle'); 
 
\t trigger.onchange = function() { 
 

 
\t \t var link = document.getElementById('cT_target'); 
 
\t \t link.href = 'javascript:window.open(window.' + this.value + ')'; 
 
\t } 
 
})();
<form id="swiftForm"> 
 
    <div class="styledSelect"> 
 
    \t <select name="cT_toggle" id="cT_toggle"> 
 
    \t \t <option value="clicktag1">2 meters</option> 
 
    \t \t <option value="clicktag2">4 meters</option> 
 
    \t \t <option value="clicktag3">6 meters</option> 
 
    \t \t <option value="clicktag4">8 meters</option> 
 
    \t </select> 
 
    </div> 
 
    <div class="swiftSubmit"> 
 
    \t <a id="cT_target" href="javascript:window.open(window.clickTag1)">Calculate</a> 
 
    </div> 
 
</form>

가 예상대로 버튼 HREF의 작품 (대상 클릭 태그의 URL을 포함하는 새로운 창이 열립니다) : 여기

는 코드입니다. 그러나 href가 선택 목록에서 새 값을 선택하여 변경된 후에는 href가 더 이상 대상 clickTag URL을 열지 않고 빈 창이 열립니다.

자바 스크립트 변수 값 (clickTag)이 페이지 내 HTML에서 변경된 후에 더 이상 평가되지 않는 문제가있는 것 같습니다.

나는 속임수가 있는지 궁금합니다.

+1

clicktag1! == clickTag1 – epascarello

+0

@epascarello가 말했듯이 '