다중 선택에서 값 게시

다중 선택에서 값 게시

---

양식에서 다중 선택의 값을 게시하려면 어떻게해야합니까? 제출을 누르면 선택한 값이 게시되지 않습니다.

<form id="form" action="" method="post">
    <div>
        <select id="inscompSelected" multiple="multiple" class="lstSelected">
            <option value="1">1</option>
            <option value="2">2</option>
            <option value="3">3</option>
            <option value="4">4</option>                
        </select>
        <input type="submit" value="submit">
    </div>
</form>

---

name속성 을 추가해야 합니다.

이것은 다중 선택이므로 HTTP 수준에서 클라이언트는 동일한 이름의 여러 이름 / 값 쌍을 전송하기 만하면 .NET과 함께 양식을 사용하면 직접 확인할 수 있습니다 method="GET": someurl?something=1&something=2&something=3.

PHP, Ruby 및 기타 라이브러리 / 프레임 워크 []의 경우 이름 끝에 대괄호 ( ) 를 추가해야합니다 . 프레임 워크는 해당 문자열을 구문 분석하고 배열과 같이 사용하기 쉬운 형식으로 표시합니다.

요청을 수동으로 파싱하는 것 외에도 여러 값에 액세스하는 언어 / 프레임 워크 / 라이브러리에 구애받지 않는 방법이 없습니다. 모두 다른 API를 가지고 있기 때문입니다.

PHP의 경우 다음을 사용할 수 있습니다.

<select name="something[]" id="inscompSelected" multiple="multiple" class="lstSelected">

---

이것을 시도하십시오 : 여기에서 선택은 선택 요소입니다

let select = document.getElementsByClassName('lstSelected')[0],
    options = select.options,
    len = options.length,
    data='',
    i=0;
while (i<len){
    if (options[i].selected)
        data+= "&" + select.name + '=' + options[i].value;
    i++;
}
return data;

데이터는 쿼리 문자열 iename = value & name = anotherValue 형식입니다.

참고 URL : https://stackoverflow.com/questions/11616659/post-values-from-a-multiple-select