가장 좋은 방법은 JQuery를 사용하여 URL을 생성하고 엽니 다.

Question

사용자 입력을 기반으로 URL을 작성하는 새 창에서 웹 페이지를 열려고합니다. 실행중인 문제는 새 창을 열어도 생성 된 URL을 사용하지 않는다는 것입니다. 대신 about : 빈 창이 열립니다.

코드를 JSFIDDLE에 넣었지만 실제로 작동하지만 내 페이지에서 작동하지 않는 이유를 알 수 없습니다. 하지만 실제로 JSFIDDLE은 [Object]라고 말하는 원본 페이지를 남겨 둡니다.

도움을 주시면 감사하겠습니다.

http://jsfiddle.net/cmirab/SHFgw/2/

HTML :..

<form id="search" name="Safe"> 
    <h1>How Safe</h1> 
    <h2>is your Neighborhood?</h2> 
    <p class="p1">Enter your zip to find crime statistics in your area:</p> 
    <input type="text" name="search"> 
    <input type="hidden" name="url" id="url"> 
    <a class="button1" href="javascript:window.open(document.Safe.url.value)">Search</a> 
    </form> 

JQuery와 VAR partFields = $ ('# 검색') 발 ('# 검색')하지 ('# URL이');

$(partFields).change(function() { 
var urlB = 'http://classic.crimereports.com/map?'; 
var urlE = '&searchButton.x=0&searchButton.y=0'; 
var urlValue = urlB + partFields.serialize() + urlE; 

$('#url').val(urlValue); // set the hidden input value 
}); 

CSS :

#search {background:#232426;padding:5px 0 21px 24px;color:#737985;margin:0 0 30px;line height:15px;} 
    #search h1 {font-size:71px;line-height:1.2em;color:#ffad01;letter-spacing:-4px;} 
    #search h2 {font-size:35px;letter-spacing:-1px;margin:0 0 10px;} 
    #search input {border:none;background:#37383a;padding:9px 10px;margin:0 4px 0 0;width:240px;} 

Answer 1

내가 당신의 js의 일부를 수정, 대신을 시도하고뿐만 아니라 마크 업. JSFiddle

var $searchbox = $('#search input[name="search"]') 
    $searchbox.change(function() { 
    var urlB = 'http://classic.crimereports.com/map?'; 
    var urlE = '&searchButton.x=0&searchButton.y=0'; 
    var urlValue = urlB + $searchbox.serialize() + urlE; 

    $('.button1').attr('href',urlValue); // set the hidden input value 
});​ 


<form id="search" name="Safe" > 
        <h1>How Safe</h1> 
        <h2>is your Neighborhood?</h2> 
        <p class="p1">Enter your zip to find crime statistics in your area:</p> 
        <input type="text" name="search"> 
        <input type="hidden" name="url" id="url"> 
        <a class="button1" href="javascript:window.open(document.Safe.url.value)" target="_blank">Search</a> 
       </form>​ 

Answer 2

당신은 스크립트가 id를 가진 요소에 대해 검색을 실행할 때 때문에,이 현재 입력 필드에 따라서 값이 존재하지 않는 '검색'HTML 양식 후 스크립트를 넣어해야 존재하지 않으면 빈 문자열로 반환됩니다.