홈>
정상적인 선택 메뉴와 속성
multiple=yes
를 가진 선택 메뉴가 있습니다
. 사용자가 둘 이상의 옵션을 선택할 때이 두 번째 선택 메뉴의 값을 저장하려면 어떻게해야합니까? 사용자가 하나의 옵션 만 선택하면 코드가 작동하지만 둘 이상의 옵션을 선택하면 아무 것도 저장하지 않습니다. 내 코드는 다음과 같습니다.
<!DOCTYPE html>
<html>
<head>
<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="https://github.com/yckart/jquery.storage.js"></script>
<meta charset="utf-8">
<title>test</title>
<script type="text/javascript">
$(function () {
$("#btn").click(function () {
var item1 = $("#sel option:selected").text();
var item2 = $("#sel2 option:selected").text();
sessionStorage.setItem("sele", item1);
sessionStorage.setItem("sele2", item2);
});
var ty = sessionStorage.getItem("sele");
var ty2 = sessionStorage.getItem("sele2");
if(ty){
//Set the value of select from sessionStorage
$('#sel option').filter(function () { return $(this).html() == ty; }).prop('selected', true);
$('#sel2 option').filter(function () { return $(this).html() == ty2; }).prop('selected', true);
}
});
</script>
<script type="text/javascript">
$(function () {
$("#btn2").click(function () {
sessionStorage.removeItem("sele");
sessionStorage.removeItem("sele2");
});
});
</script>
</head>
<body>
<section>
<article>
<select id="sel">
<option value="1">Volvo</option>
<option value="2">Saab</option>
<option value="3">Mercedes</option>
<option value="4">Audi</option>
</select>
<br />
</article>
</section>
<section>
<article>
<select id="sel2" multiple="yes">
<option value="1">Volvo</option>
<option value="2">Saab</option>
<option value="3">Mercedes</option>
<option value="4">Audi</option>
</select>
<br />
<input type="button" value="Store" id="btn" /><br> <input type="button" value="Clear" id="btn2" />
</article>
</section>
</body>
</html>
- 답변 # 1
관련 자료
- ajax - JavaScript를 사용하여 여러 선택 상자를 동적으로로드
- mysql - php 용 symfony - foreach를 사용하여 세션에서 테이블에 여러 행 삽입
- javascript - 여러 양식 (및 선택 필드)이 동적으로 생성되는 HTML 페이지에서 제출 된 옵션을 가져 오는 방법
- r - 여러 변수에 대한 깔끔한 선택 구문
- sql - 하위 쿼리의 여러 열로 NOT IN 선택
- swift - SwiftUI는 lazyhgrid에서 여러 항목을 선택합니다
- MySQL - mysql - 쿼리 선택-여러 연결 만 표시
- php - 하나의 SELECT (mysql)에 대해 여러 WHERE를 수행 할 수 있습니까?
- PHP에서 mysql에서 여러 행을 선택하는 방법은 무엇입니까?
- javascript - 여러 드롭 다운이있는 텍스트 영역에서 선택에서 값을 삽입하고 동일한 클래스 이름으로 선택하는 방법
- sql - 여러 항목에 대한 조건이있는 Select 문
- SQL 여러 행의 값을 기반으로 행을 선택하는 방법
- mysql - 각 행에 다른 값이 첨부 된 행을 여러 번 선택하는 방법은 무엇입니까?
- cmd - 폴더의 모든 파일을 나열한 다음 여러 파일을 선택하는 방법
- c++ - `select`는 동시에 여러 이벤트를 어떻게 처리합니까?
- python - 여러 목록의 출력에서 하나의 목록을 선택하는 방법은 무엇입니까?
- c++ - 'commandlist - : drawinstanced'는 여러 슬롯에서 정점 버퍼 중 하나를 어떻게 선택합니까?
- R에서 부분적으로 여러 번 나타나는 행을 선택하는 방법은 무엇입니까?
- sql - 여러 테이블 열을 한 번에 업데이트하려면 어떻게 선택합니까?
- 날짜 선택 도구를 실행할 때 다중 선택이 작동하지 않고 Excel에서 VBA로 자동 맞춤
관련 질문
- javascript : 중첩 Ajax 호출 문제
- javascript : jquery는 div를 제거하고 애니메이션으로 다음 항목을 다시 정렬합니다.
- javascript : jquery로 움직이는 이미지 회전하기
- 내 함수가 완료되면 JavaScript(또는 jQuery)로 사용자 정의 이벤트를 시작합니다.
- javascript : URL에서 페이지로 이미지를 가져오는 방법
- javascript : 여러 위치에서 호출할 수 있도록 아래 jQuery code를 함수에 작성하는 방법은 무엇입니까?
- c# : JavaScript에서 경로 매개변수를 얻는 방법은 무엇입니까?
- javascript : 문서 내부 경고가 준비된 후에만 작동하는 트리거
- javascript : alert() 함수의 소스 code
- javascript : JQuery 및 CSS를 사용한 양식 유효성 검사
일하는 바이올린.
복수를 선택하면 배열이 반환되고 sessionStorage에 배열을 저장할 수 없지만 배열을 구분 기호로 연결된 문자열로 저장할 수 있으며 문자열을 읽을 때이 구분 기호를 사용하면 다음과 같이 구분 기호를 사용할 수 있습니다.
참고 :
.text()
를 사용하는 것이 좋습니다.html()
대신 귀하의 경우.이것이 도움이되기를 바랍니다.