2013-03-19 1 views
0

사용자가 검색 버튼을 클릭하면 입력 필드에있는 텍스트와 내 선택 목록에서 선택한 옵션에 내 버튼의 HREF를 설정하려고합니다.HREF를 입력 필드 및 선택 목록의 텍스트로 설정하는 방법은 무엇입니까?

<div> 
    <div> 
    <input type="text" value="Keywords" style="width:206px" /> 
    </div> 
    <div style="clear:both"> 
    <select> 
     <option value="Test">Test</option> 
    </select> 
    </div> 
    <div> 
    <button><a href="">Search</a></button> 
    </div> 
</div> 

입력란의 값과 선택한 목록의 값에서 href를 어떻게 설정합니까? 이것을 위해 양식을 만들어야 할 필요가 있을지 모르지만 조금 더 간단한 것으로 떠날 수 있다고 생각했습니다. 검색 문자열을 컴파일하고 해당 페이지로 사용자를 리디렉션하면됩니다. 검색 엔진이 이미 구축되어 있기 때문입니다.

감사합니다.

편집 내가 선택 목록을로드 PHP를 사용하고 있지만, 나는 그것에서 회사의 중요한 정보를 가지고 있기 때문에 선택 목록이 채워 도착하는 방법에 대한 코드를 제공 할 수 없습니다 오전 1

죄송합니다들. 나는 그것을 포함하면 안된다.

+1

자바 스크립트를 사용해야합니다. 그러나, 나는 폼에 요소를 감쌀 것이고 게시 후 서버 측에서 처리를 처리 할 것이다. – jeroen

+0

jquery를 사용하고 있습니까? 아니면 일반 자바 스크립트를 사용하고 있습니까? – cernunnos

+0

왜 이것을 php로 태그 쳤습니까? 이미 알려주지 않았거나 이미 사용하고있는 코드가 포함되어 있지 않은 구성 요소가 있습니까? – David

답변

1

자바 스크립트를 사용하면 양식 필드를 검색하고 값을 구하여 필요한 것에 맞출 수 있습니다.

는 선택 ID의 select 및 링크 ID의이 link한다고 가정 해 봅시다 : 당신이 당신의 형태로 제출 버튼을 사용 $_POST와 함께 일하는 것이

PHP 전용 (jQuery를, 아니 자바 스크립트)와
var value = document.getElementById('select').value; 
document.getElementById('link').setAttribute('href', value); 
+0

좋아, 이걸 이해할 것 같아. 그래서 그것을 클릭하면 href 값을 만드는 함수를 만들 수 있습니까? – meanbunny

+0

'onchange'('select' 필드에 대한 좋은 이벤트)와 같이 필요할 때 발사하는 방식으로 준비 할 수 있습니다. – Wanderson

+0

나는이 대답으로 끝났습니다. 감사합니다! – meanbunny

1

:

(기본으로 벗었)

1 양식 : FO 있음을 보유하고 당신의 PHP 페이지의 시작 부분에,

<form method="post">  
    <input name="keywords" type="text" value="Keywords" style="width:206px" /> 
    <select name="options"> 
     <option value="Test">Test</option> 
    </select> 
    <input type="submit" name="ok" value="ok" /> 
</form> 

2 rm :

if (isset($_POST['ok'])) { // submit has been clicked... 

    if (isset($_POST[keywords])) { // there's input in keywords 

     $keywords = $_POST['keywords']; 
     // sanitize $keywords to prevent sql-injection 

     // go to the page you want to call... 
     // assuming there's no output before header ... 
     // and $keywords is in the right format ... 
     // and you retrieved $_POST['options'] to do sth with that, too 

     header('Location: http://www.url.com/page.php?key=$keywords'); 
    } else exit('no keywords entered!'); 
} 
+1

+1 정확하게, 나는 비슷한 것을 타이핑하기에는 너무 게을 렀다 :-) – jeroen

+1

@jeroen :-) 좋은 하루 되세요. – michi

관련 문제