2012-11-17 7 views
1
<html> 
<title>My Web Page</title> 

<form onsubmit="return redirect()"> 
<input id="search_form_input" type="text" name="query" /> 
<input type="submit" value="Search" /> 
</form> 

<script type="text/javascript"> 
function redirect() { 
var link = document.getElementById('link'); 
link.href += document.getElementById('search_form_input') 
return false; 
} 
</script> 

<body> 
<p> 
<a id="link" href="http://www.cnn.com/">CNN</a> 
</p> 
</body> 
</html> 

기본적으로 CNN.com의 URL에 자신을 확장하기 위해 양식의 입력을 좋아합니다. 예를 들어 정치는 제출 된 양식에 입력하고 CNN 링크를 클릭하면 CNN.com/politics로 연결됩니다. 이게 올바른 방향일까요?다음 코드에 문제가 있습니까? (html/javascript/href)

+1

양식이 헤더에있는 이유는 무엇입니까? 그것은 몸에 있어야합니다! – Mic

+0

헤더에 없습니다. 하지만 그것은 또한 신체에 없습니다 :) 일반적으로, 그것은 꽤 깨진 마크 업입니다. –

+0

은 <head> 필드에 없습니다 ... 그건 꽤 심하게 보이는 html입니다. – <span class="text-secondary"> <small> <a rel="noopener" target="_blank" href="https://stackoverflow.com/users/765720/">kdazzle</a></span> <span></span> </small> </span> </p> </div> </div> </div> </div> </div> </article> </div> <div class="answer-title"> <span class="text-logo margin-top-sm">A</span> <h2 class="title h4">답변</h2> </div> <div class="item-description text-md markdown-body margin-bottom-40 voidso"> <article class="board-top-1 padding-top-10"> <div class="post-col vote-info"> <span class="count">3<i class="fa fa-thumbs-up"></i></span> </div> <div class="post-offset"> <div class="answer fmt"> <p>당신이하고있는 일이 무엇인지, 어떻게하고 있는지 미쳐 있습니다. 다른 솔루션을 찾으러 가야하지만 문제는 간단합니다. 전체 요소를 <code class="prettyprint-override">href</code> 문자열에 연결합니다. 그래서 대신</p> <p><code class="prettyprint-override">link.href += document.getElementById('search_form_input')</code></p> <p>사용</p> <p><code class="prettyprint-override">link.href += document.getElementById('search_form_input').value</code></p> <p>전체 결과의 존재 : </p> <pre><code class="prettyprint-override"><html> <title>My Web Page</title> <form onsubmit="return redirect()"> <input id="search_form_input" type="text" name="query" /> <input type="submit" value="Search" /> </form> <script type="text/javascript"> function redirect() { var link = document.getElementById('link'); link.href += document.getElementById('search_form_input').value return false; } </script> <body> <p> <a id="link" href="http://www.cnn.com/">CNN</a> </p> </body> </html>​ </code></pre> <p></p>가 적어도 jQuery를에 사용 해보세요. <p></p> </div> <div class="post-info"> <div class="post-meta row"> <p class="text-secondary col-lg-6"> <span class="source"> <a rel="noopener" target="_blank" href="https://stackoverflow.com/q/13436112">출처</a> </span> </p> <p class="text-secondary col-lg-6"> <span class="float-right date"> <span>2012-11-18 00:06:30</span> <a rel="noopener" target="_blank" href="https://stackoverflow.com/users/1174076/">bitoiu</a></span> </p> <p class="col-12"></p> <p class="col-12"></p></div> </div> <!-- comments --> <div class="comments"> <div itemprop="comment" class="post-comment"> <div class="row"> <div class="col-lg-1"><span class="text-secondary">+1</span></div> <div class="col-lg-11"> <p class="commenttext">";" .value 다음에 마크 업은 여전히 ​​매우 나쁩니다. <head>을 닫고 <head>에 <script>을 넣고 <form>을 <body>에 넣습니다. – <span class="text-secondary"> <small> <a rel="noopener" target="_blank" href="https://stackoverflow.com/users/1799816/">Mic</a></span> <span></span> </small> </span> </p> </div> </div> </div> <div itemprop="comment" class="post-comment"> <div class="row"> <div class="col-lg-1"><span class="text-secondary">+0</span></div> <div class="col-lg-11"> <p class="commenttext">jQuery 라우트도 사용 하겠지만 절대적으로 필요하지는 않습니다. 내가 할 주요 변경 사항은 양식 제출을 제거하는 것입니다. 이 답변은 문제를 다루기 때문에 별도의 답변을 게시하지 않습니다. – <span class="text-secondary"> <small> <a rel="noopener" target="_blank" href="https://stackoverflow.com/users/1420678/">dyersituations</a></span> <span></span> </small> </span> </p> </div> </div> </div> <div itemprop="comment" class="post-comment"> <div class="row"> <div class="col-lg-1"><span class="text-secondary">+0</span></div> <div class="col-lg-11"> <p class="commenttext">도움을 주셔서 감사합니다. 나는 지금 내가 무엇을 잘못하고 있었는지 와아나가 자신을 얼굴에 때리는 것을 본다. 나는 jquery 메서드에 관심이있을 것이다. 누군가 내가 도움을 줄 수있는 뭔가에 대한 링크를 제공 할 수 있다면. 그리고 한 가지 더요, 검색 입력 값을 저장하고 동일하게 유지하는 것이 가능합니까? 예를 들어 현재 코드를 사용하면 링크 사이를 앞뒤로 탐색하면 양식 필드가 재설정됩니다. 코드를 실행하면 메신저에 대한 이야기를 볼 수 있습니다. – <span class="text-secondary"> <small> <a rel="noopener" target="_blank" href="https://stackoverflow.com/users/1828247/">JVulture</a></span> <span></span> </small> </span> </p> </div> </div> </div> </div> </div> </article> <div> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-6208739752673518" data-ad-slot="4319274062" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> <div class="clearfix"> </div> <div class="relative-box"> <div class="relative">관련 문제</div> <ul class="relative_list"> <li> 1. <a href="http://ko.voidcc.com/question/p-uaznbdeo-bq.html" target="_blank" title="다음 코드에 어떤 문제가 있습니까?"> 다음 코드에 어떤 문제가 있습니까? </a> </li> <li> 2. <a href="http://ko.voidcc.com/question/p-cyniwvzx-hs.html" target="_blank" title="다음 파일 작성 코드에 어떤 문제가 있습니까?"> 다음 파일 작성 코드에 어떤 문제가 있습니까? </a> </li> <li> 3. <a href="http://ko.voidcc.com/question/p-gfpahsck-dg.html" target="_blank" title="XamlReader.Parse 내가 다음 코드에 문제가"> XamlReader.Parse 내가 다음 코드에 문제가 </a> </li> <li> 4. <a href="http://ko.voidcc.com/question/p-rmnodplm-kt.html" target="_blank" title="내가 다음 코드에 문제가 있어요"> 내가 다음 코드에 문제가 있어요 </a> </li> <li> 5. <a href="http://ko.voidcc.com/question/p-xldmomcr-bz.html" target="_blank" title="이 코드에 문제가 있습니까?"> 이 코드에 문제가 있습니까? </a> </li> <li> 6. <a href="http://ko.voidcc.com/question/p-pkgobacl-dm.html" target="_blank" title="이 코드에 문제가 있습니까?"> 이 코드에 문제가 있습니까? </a> </li> <li> 7. <a href="http://ko.voidcc.com/question/p-nktgoath-bh.html" target="_blank" title="내 코드에 문제가 있습니까?"> 내 코드에 문제가 있습니까? </a> </li> <li> 8. <a href="http://ko.voidcc.com/question/p-bzhgzfid-hn.html" target="_blank" title="코드에 문제가 있습니까?"> 코드에 문제가 있습니까? </a> </li> <li> 9. <a href="http://ko.voidcc.com/question/p-hvztorvx-ks.html" target="_blank" title="코드에 어떤 문제가 있습니까?"> 코드에 어떤 문제가 있습니까? </a> </li> <li> 10. <a href="http://ko.voidcc.com/question/p-admzpdmo-cs.html" target="_blank" title="유닉스 코드에 문제가 있습니까?"> 유닉스 코드에 문제가 있습니까? </a> </li> <li> 11. <a href="http://ko.voidcc.com/question/p-cfqrloxr-gn.html" target="_blank" title="코드에 문제가 있습니까?"> 코드에 문제가 있습니까? </a> </li> <li> 12. <a href="http://ko.voidcc.com/question/p-wvxvhqwz-gh.html" target="_blank" title="자바 코드에 문제가 있습니까?"> 자바 코드에 문제가 있습니까? </a> </li> <li> 13. <a href="http://ko.voidcc.com/question/p-ucqswkvj-bm.html" target="_blank" title="코드에 어떤 문제가 있습니까?"> 코드에 어떤 문제가 있습니까? </a> </li> <li> 14. <a href="http://ko.voidcc.com/question/p-qmhxmkhd-ka.html" target="_blank" title="이 코드에 문제가 있습니까?"> 이 코드에 문제가 있습니까? </a> </li> <li> 15. <a href="http://ko.voidcc.com/question/p-epcipffg-gt.html" target="_blank" title="다음 코드에 메모리 누수가 있습니까?"> 다음 코드에 메모리 누수가 있습니까? </a> </li> <li> 16. <a href="http://ko.voidcc.com/question/p-daaukgyt-gg.html" target="_blank" title="다음 코드에 메모리 누수가 있습니까?"> 다음 코드에 메모리 누수가 있습니까? </a> </li> <li> 17. <a href="http://ko.voidcc.com/question/p-piyprpmq-gg.html" target="_blank" title="다음 코드에 버그가 있습니까? 여기"> 다음 코드에 버그가 있습니까? 여기 </a> </li> <li> 18. <a href="http://ko.voidcc.com/question/p-rzhpceds-hh.html" target="_blank" title="다음 JScript 코드에 오류가 있습니까?"> 다음 JScript 코드에 오류가 있습니까? </a> </li> <li> 19. <a href="http://ko.voidcc.com/question/p-onsbxjue-dg.html" target="_blank" title="내 qTip 코드에 문제가 있습니까?"> 내 qTip 코드에 문제가 있습니까? </a> </li> <li> 20. <a href="http://ko.voidcc.com/question/p-oofsqrnn-gv.html" target="_blank" title="아래 코드에 어떤 문제가 있습니까?"> 아래 코드에 어떤 문제가 있습니까? </a> </li> <li> 21. <a href="http://ko.voidcc.com/question/p-pijoynke-cu.html" target="_blank" title="파이썬 코드에 문제가 있습니까? (함수)"> 파이썬 코드에 문제가 있습니까? (함수) </a> </li> <li> 22. <a href="http://ko.voidcc.com/question/p-grxtpikl-dq.html" target="_blank" title="이 preg_match 코드에 문제가 있습니까?"> 이 preg_match 코드에 문제가 있습니까? </a> </li> <li> 23. <a href="http://ko.voidcc.com/question/p-awffqvud-bp.html" target="_blank" title="xml 또는 코드에 문제가 있습니까?"> xml 또는 코드에 문제가 있습니까? </a> </li> <li> 24. <a href="http://ko.voidcc.com/question/p-sfkddfkv-bn.html" target="_blank" title="C++에서이 코드에 문제가 있습니까?"> C++에서이 코드에 문제가 있습니까? </a> </li> <li> 25. <a href="http://ko.voidcc.com/question/p-rbbjeznn-em.html" target="_blank" title="PHP 코드에 어떤 문제가 있습니까?"> PHP 코드에 어떤 문제가 있습니까? </a> </li> <li> 26. <a href="http://ko.voidcc.com/question/p-rvaptydw-bt.html" target="_blank" title="이 코드에 무슨 문제가 있습니까?"> 이 코드에 무슨 문제가 있습니까? </a> </li> <li> 27. <a href="http://ko.voidcc.com/question/p-hfeulaji-bb.html" target="_blank" title="내 FTP 코드에 문제가 있습니까?"> 내 FTP 코드에 문제가 있습니까? </a> </li> <li> 28. <a href="http://ko.voidcc.com/question/p-webqderg-cx.html" target="_blank" title="이 PHP 코드에 문제가 있습니까?"> 이 PHP 코드에 문제가 있습니까? </a> </li> <li> 29. <a href="http://ko.voidcc.com/question/p-tnxsmoce-dg.html" target="_blank" title="동영상 삽입 코드에 문제가 있습니까?"> 동영상 삽입 코드에 문제가 있습니까? </a> </li> <li> 30. <a href="http://ko.voidcc.com/question/p-vbaxeiid-bo.html" target="_blank" title="이 코드에 어떤 문제가 있습니까?"> 이 코드에 어떤 문제가 있습니까? </a> </li> </ul> </div> <div> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-6208739752673518" data-ad-slot="3534119089"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div class="padding-top-10"></div> </div> </div> <script type="text/javascript" src="http://img2.voidcc.com/voidso/script/side.js?t=1652515422614"></script> <script type="text/javascript" src="http://img2.voidcc.com/voidso/plugin/highlight/highlight.pack.js"></script> <link href="http://img2.voidcc.com/voidso/plugin/highlight/styles/docco.css" media="screen" rel="stylesheet" type="text/css" /> <script type="text/javascript"> $('pre').each(function(i, e) { hljs.highlightBlock(e, "<span class='indent'> </span>", false) }); </script> <div class="col-lg-3 col-md-4 col-sm-5"> <div id="rightTop"> <div class="row"> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <!-- VOIDCC问答侧边栏广告 --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-6208739752673518" data-ad-slot="3862022848" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div class="row sidebar panel panel-default"> <div class="panel-heading font-bold"> 최근 질문 </div> <div class="m-b-sm m-t-sm clearfix"> <ul class="side_article_list"> <li class="side_article_list_item"> 1. <a href="http://ko.voidcc.com/question/p-aecrjeqh-yk.html" target="_blank" title="4 번째 자리 이후에 숫자를 복제하는 3 자리 이상이있는 줄을 출력하도록합니다."> 4 번째 자리 이후에 숫자를 복제하는 3 자리 이상이있는 줄을 출력하도록합니다. </a> </li> <li class="side_article_list_item"> 2. <a href="http://ko.voidcc.com/question/p-oatvsuwd-yn.html" target="_blank" title="mysql에서 클래스 카트 어레이 값을 codegniter에 저장하는 방법은 무엇입니까? 방법 <code>codegniter</code>에 <code>mysql</code> 이러한 배열의 값을 저장하고, 배열"> mysql에서 클래스 카트 어레이 값을 codegniter에 저장하는 방법은 무엇입니까? 방법 <code>codegniter</code>에 <code>mysql</code> 이러한 배열의 값을 저장하고, 배열 </a> </li> <li class="side_article_list_item"> 3. <a href="http://ko.voidcc.com/question/p-uvvgbbaa-yn.html" target="_blank" title="[admin-on-rest] [aor-graqhql]을 사용하는 사용자 정의 테마"> [admin-on-rest] [aor-graqhql]을 사용하는 사용자 정의 테마 </a> </li> <li class="side_article_list_item"> 4. <a href="http://ko.voidcc.com/question/p-blwhzovc-yp.html" target="_blank" title="JS : 예기치 않은 스크립트 끝"> JS : 예기치 않은 스크립트 끝 </a> </li> <li class="side_article_list_item"> 5. <a href="http://ko.voidcc.com/question/p-ecvarhwu-yo.html" target="_blank" title="fontawesome 아이콘 근처에서 텍스트를 어떻게 배치 할 수 있습니까?"> fontawesome 아이콘 근처에서 텍스트를 어떻게 배치 할 수 있습니까? </a> </li> <li class="side_article_list_item"> 6. <a href="http://ko.voidcc.com/question/p-qdooztbk-yz.html" target="_blank" title="젠킨스 파일에 설정된 환경을 얻는 방법"> 젠킨스 파일에 설정된 환경을 얻는 방법 </a> </li> <li class="side_article_list_item"> 7. <a href="http://ko.voidcc.com/question/p-fhoocrsm-yy.html" target="_blank" title="레일 사용자 정의 금액으로 스트라이프 체크 아웃"> 레일 사용자 정의 금액으로 스트라이프 체크 아웃 </a> </li> <li class="side_article_list_item"> 8. <a href="http://ko.voidcc.com/question/p-dbigauud-yx.html" target="_blank" title="Semantic UI React에서 드롭 다운 항목을 클릭 할 때 모달을 트리거하는 방법은 무엇입니까?"> Semantic UI React에서 드롭 다운 항목을 클릭 할 때 모달을 트리거하는 방법은 무엇입니까? </a> </li> <li class="side_article_list_item"> 9. <a href="http://ko.voidcc.com/question/p-opqdzhsq-zb.html" target="_blank" title="Xcode 9.2 (9C40b) iOS 프로젝트의 ViewController로 참조 객체 드래그"> Xcode 9.2 (9C40b) iOS 프로젝트의 ViewController로 참조 객체 드래그 </a> </li> <li class="side_article_list_item"> 10. <a href="http://ko.voidcc.com/question/p-oykpbwqz-za.html" target="_blank" title="AEM의 동적 미디어 및 장면 7 통합"> AEM의 동적 미디어 및 장면 7 통합 </a> </li> </ul> </div> </div> </div> <p class="article-nav-bar"></p> <div class="row sidebar article-nav"> <div class="row box_white visible-sm visible-md visible-lg margin-zero"> <div class="top"> <h3 class="title"><i class="glyphicon glyphicon-th-list"></i> 관련 문제</h3> </div> <div class="article-relative-content"> <ul class="side_article_list"> <li class="side_article_list_item"> 1. <a href="http://ko.voidcc.com/question/p-uaznbdeo-bq.html" target="_blank" title="다음 코드에 어떤 문제가 있습니까?"> 다음 코드에 어떤 문제가 있습니까? </a> </li> <li class="side_article_list_item"> 2. <a href="http://ko.voidcc.com/question/p-cyniwvzx-hs.html" target="_blank" title="다음 파일 작성 코드에 어떤 문제가 있습니까?"> 다음 파일 작성 코드에 어떤 문제가 있습니까? </a> </li> <li class="side_article_list_item"> 3. <a href="http://ko.voidcc.com/question/p-gfpahsck-dg.html" target="_blank" title="XamlReader.Parse 내가 다음 코드에 문제가"> XamlReader.Parse 내가 다음 코드에 문제가 </a> </li> <li class="side_article_list_item"> 4. <a href="http://ko.voidcc.com/question/p-rmnodplm-kt.html" target="_blank" title="내가 다음 코드에 문제가 있어요"> 내가 다음 코드에 문제가 있어요 </a> </li> <li class="side_article_list_item"> 5. <a href="http://ko.voidcc.com/question/p-xldmomcr-bz.html" target="_blank" title="이 코드에 문제가 있습니까?"> 이 코드에 문제가 있습니까? </a> </li> <li class="side_article_list_item"> 6. <a href="http://ko.voidcc.com/question/p-pkgobacl-dm.html" target="_blank" title="이 코드에 문제가 있습니까?"> 이 코드에 문제가 있습니까? </a> </li> <li class="side_article_list_item"> 7. <a href="http://ko.voidcc.com/question/p-nktgoath-bh.html" target="_blank" title="내 코드에 문제가 있습니까?"> 내 코드에 문제가 있습니까? </a> </li> <li class="side_article_list_item"> 8. <a href="http://ko.voidcc.com/question/p-bzhgzfid-hn.html" target="_blank" title="코드에 문제가 있습니까?"> 코드에 문제가 있습니까? </a> </li> <li class="side_article_list_item"> 9. <a href="http://ko.voidcc.com/question/p-hvztorvx-ks.html" target="_blank" title="코드에 어떤 문제가 있습니까?"> 코드에 어떤 문제가 있습니까? </a> </li> <li class="side_article_list_item"> 10. <a href="http://ko.voidcc.com/question/p-admzpdmo-cs.html" target="_blank" title="유닉스 코드에 문제가 있습니까?"> 유닉스 코드에 문제가 있습니까? </a> </li> </ul> </div> </div> </div> </div> </div> </div> </div><!-- wrap end--> <!-- footer --> <footer id="footer"> <div class="bg-simple lt"> <div class="container"> <div class="row padder-v m-t"> <div class="col-xs-8"> <ul class="list-inline"> <li><a href="http://ko.voidcc.com/contact">문의하기</a></li> <li>© 2020 KO.VOIDCC.COM</li> <li><a rel="nofollow" href="https://beian.miit.gov.cn/" target="_blank">沪ICP备13005482号-13</a></li> <li><script type="text/javascript" src="https://s9.cnzz.com/z_stat.php?id=1280098168&web_id=1280098168"></script></li> <li><a href="http://cn.voidcc.com/" target="_blank" title="程序问答园区">简体中文</a></li> <li><a href="http://hk.voidcc.com/" target="_blank" title="程序問答園區">繁體中文</a></li> <li><a href="http://ru.voidcc.com/" target="_blank" title="поле вопросов и ответов">Русский</a></li> <li><a href="http://de.voidcc.com/" target="_blank" title="Frage - und - antwort - Park">Deutsch</a></li> <li><a href="http://es.voidcc.com/" target="_blank" title="Preguntas y respuestas">Español</a></li> <li><a href="http://hi.voidcc.com/" target="_blank" title="कार्यक्रम प्रश्न और उत्तर पार्क">हिन्दी</a></li> <li><a href="http://it.voidcc.com/" target="_blank" title="IL Programma di chiedere Park">Italiano</a></li> <li><a href="http://ja.voidcc.com/" target="_blank" title="プログラム問答園区">日本語</a></li> <li><a href="http://ko.voidcc.com/" target="_blank" title="프로그램 문답 단지">한국어</a></li> <li><a href="http://pl.voidcc.com/" target="_blank" title="program o park">Polski</a></li> <li><a href="http://tr.voidcc.com/" target="_blank" title="Program soru ve cevap parkı">Türkçe</a></li> <li><a href="http://vi.voidcc.com/" target="_blank" title="Đáp ứng viên">Tiếng Việt</a></li> <li><a href="http://fr.voidcc.com/" target="_blank" title="Programme interrogation Park">Française</a></li> </ul> </div> </div> </div> </div> </div> </footer> <!-- / footer --> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-77509369-5"></script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'UA-77509369-5'); </script> <script> var _hmt = _hmt || []; (function () { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?67d4731349f0b00136755b80364ce381"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> </body> </html>