테스트 사이트 - 개발 중인 베타 버전입니다

multi selectbox에서 선택안해도 값을 넘길수 있나요?? 채택완료

서잰션 5년 전 조회 1,548

https://wnghks2516.cafe24.com/index2.php">https://wnghks2516.cafe24.com/index2.php

 

 

안녕하세요

 

3가지의 셀렉트박스의 입력값을 버튼을 통해 하단의 멀티셀렉트박스로 값을 넘기는 것을 작성한 페이지입니다.

 

여기에 form으로 넘기는건 가능하지만 멀티셀렉트박스를 드래그를 하여 선택을 시켜야만 form으로 넘어가지더라고여;;

 

드래그를 안하고 해당 셀렉트박스에 있으면 선택하지 않고도 form으로 넘길 수 있는 방법이 있을까요??

댓글을 작성하려면 로그인이 필요합니다.

답변 2개

채택된 답변
+20 포인트

최근에 배운겁니다.

 

</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개

서잰션
5년 전
감사합니다!!!!!

댓글을 작성하려면 로그인이 필요합니다.

5년 전

생각해 본 코드인데.. 실제 작동이 잘 되는지는 모르겠습니다.

 

onsubmit="return f_submit();"> ~

 

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인