multi selectbox에서 선택안해도 값을 넘길수 있나요?? 채택완료
https://wnghks2516.cafe24.com/index2.php">https://wnghks2516.cafe24.com/index2.php
안녕하세요
3가지의 셀렉트박스의 입력값을 버튼을 통해 하단의 멀티셀렉트박스로 값을 넘기는 것을 작성한 페이지입니다.
여기에 form으로 넘기는건 가능하지만 멀티셀렉트박스를 드래그를 하여 선택을 시켜야만 form으로 넘어가지더라고여;;
드래그를 안하고 해당 셀렉트박스에 있으면 선택하지 않고도 form으로 넘길 수 있는 방법이 있을까요??
답변 2개
최근에 배운겁니다.
</strong></p>
<p><script src="<a href="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>" target="_blank" rel="noopener noreferrer">https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script></a>
<form name="Flist" action="save.php" method="post" autocomplete="off" style='margin:0px;'>
<p><select name="day" class="example1" >
<option value="월">월요일</option>
<option value="화">화요일</option>
<option value="수">수요일</option>
<option value="목">목요일</option>
<option value="금">금요일</option>
</select>
<select name="stime" class="example2">
<option value="12:00">12:00</option>
<option value="13:00">13:00</option>
<option value="14:00">14:00</option>
<option value="15:00">15:00</option>
<option value="16:00">16:00</option>
<option value="17:00">17:00</option>
<option value="18:00">18:00</option>
<option value="19:00">19:00</option>
<option value="20:00">20:00</option>
<option value="21:00">21:00</option>
<option value="22:00">22:00</option>
<option value="23:00">23:00</option>
</select>
<select name="etime" class="example3">
<option value="13:00">13:00</option>
<option value="14:00">14:00</option>
<option value="15:00">15:00</option>
<option value="16:00">16:00</option>
<option value="17:00">17:00</option>
<option value="18:00">18:00</option>
<option value="19:00">19:00</option>
<option value="20:00">20:00</option>
<option value="21:00">21:00</option>
<option value="22:00">22:00</option>
<option value="23:00">23:00</option>
<option value="24:00">24:00</option>
</select>
<input type="button" name="test" value="입력" onclick="return input();">
</p>
<select name="selectBox[]" class="selectBox" style="width:420px;"ondblclick="return remove();" size="7" multiple ></select>
<script>
function input(){
var f = document.Flist;
{
$('.selectBox').append("<option value="+$('.example1 option:selected').val()+"요일"+$('.example2 option:selected').val()+"~"+$('.example3 option:selected').val()+">"+$('.example1 option:selected').val()+"요일 "+$('.example2 option:selected').val()+"~"+$('.example3 option:selected').val()+"</option>");
}
function remove(){
$(".selectBox option:selected").remove();
}
f.submit();
}</p>
<p></script>
</form></p>
<p> <strong>
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인