폼전송과 하이퍼링크 예제입니다.
<form name="fitem" action="/write">
<fieldset>
<legend>폼전송</legend>
<input type="hidden" name="it_name" value="상품명-00" />
<ul>
<li>사이즈
<select name="it_option_1" required="required">
<option value="">SIZE</option>
<option value="라지">라지</option>
<option value="미디엄">미디엄</option>
<option value="스몰">스몰</option>
</select>
</li>
<li>색상
<select name="it_option_2" required="required">
<option value="">COLOR</option>
<option value="회색">회색</option>
<option value="빨간색">빨간색</option>
<option value="파란색">파란색</option>
</select>
</li>
<li>
<button type="submit">inside <form></button>
</li>
</ul>
</fieldset>
</form>
<script>
function makehref(evt) {
var obj = evt.target;
var frm = document.forms['fitem'];
var params = {
it_name: frm.it_name.value,
it_option_1: frm.it_option_1.value,
it_option_2: frm.it_option_2.value,
};
if (params.it_option_1 == '') {
alert('it_option_1 is empty');
evt.preventDefault();
frm.it_option_1.focus();
return;
}
if (params.it_option_2 == '') {
alert('it_option_2 is empty');
evt.preventDefault();
frm.it_option_2.focus();
return;
}
var param = '';
for (var k in params) {
param = param + '&' + k + '=' + encodeURIComponent(params[k]);
}
obj.href = obj.href + '?' + param.substring(1);
}
</script>
<fieldset>
<legend>하이퍼링크</legend>
<a href="/write" onclick="makehref(event)">outside <form></a>
</fieldset>