2016-10-16 2 views
-1

내가 링크를 만들려고 노력하고 가져 오기를 같은 URL에 변수를 배치 : 나는 index.html?color=VALUE GOES HERE로 사용자를 보내려고하고HTML 입력 값

<!DOCTYPE html> 
<html> 
<head> 
</head> 
<body> 
    <a href="index.html?color=">Main Page</a> 
    <input type="color" id="colorPicker" value="#808080"> 
</body> 
<html> 

. VALUE GOES HERE 대신 현재 입력 값을 사용하고 싶습니다.

+1

예를 들어 제출을 클릭하면 url로 이동 하시겠습니까? – Microsmsm

+0

오, 당신은 양식을 의미합니까? 왜 '

' 태그를 사용하지 않으시겠습니까? –

+0

@Microsmsm 아니요, 사용자가 메인 페이지 링크를 클릭하면 이동하기를 원합니다. – nedla2004

답변

1

내가이 일을 생각할 수있는 유일한 방법은 자바 스크립트입니다 (방법 = "GET") 이 당신이 찾고있는 무엇을하지 않으면 정말 미안 :

function urlUpdate(hex) { 
 
    document.getElementById("link").href = "index.html?color=" + hex; 
 
}
<!DOCTYPE html> 
 
<html> 
 

 
<head> 
 
</head> 
 

 
<body> 
 
    <a id='link' href="index.html?color=">Main Page</a> 
 
    <input type="color" id="colorPicker" value="#808080" onchange="urlUpdate(value)"> 
 
</body> 
 
<html>

2

당신은 형태을 사용할 수 있습니다,

방법 속성은 폼 데이터를 (양식 데이터는 액션 속성에 지정된 페이지로 보내 입니다) 보내는 방법을 지정합니다.

양식 데이터는 URL 변수로 보낼 수 있습니다

<form action="index.html" method="get"> 
 
    <input type="color" name="color" value="#808080"> 
 
    <input type="submit" value="Submit"> 
 
</form>

+0

링크를 클릭하면 홈 페이지로 이동하는 사용자를 찾고 있습니다.이 작업을 수행하는 쉬운 방법이 있습니까? – nedla2004

+0

그렇게하고 싶다면 이것이 올바른 방법입니다. – Microsmsm