HTML에서 다중 선택 상자를 교체하기위한 몇 가지 간단한 선택 상자

Question

다음과 같은 여러 선택 상자를 교체하고 싶습니다.

<select multiple="multiple" name="options">  
<option value="option1">option1</option>  
<option value="option2">option2</option>  
...  
</select>

임의의 간단한 선택 상자의 수는 다음과 같습니다.

<select name="options1">  
<option value="option1">option1</option>  
<option value="option2">option2</option>  
...  
</select>  

<select name="options2">  
<option value="option1">option1</option>  
<option value="option2">option2</option>  
...  
</select>  

선택 상자의 배열을 게시하여 보내고 검색 할 수있는 방법이 있습니까? 아니면 실패 할 때까지 옵션 (번호)이라는 모든 선택 상자에 액세스해야합니까? 조금 더러워 보입니다.

"이 선택 상자 삭제"또는 "새 선택 상자 만들기"를위한 조치를 제출할 수 있어야하므로 선택 상자를 구별 할 수있는 방법이 필요합니다.

Answer 1

선택 요소에 동일한 이름을주십시오.

HTML 양식에는 "배열"이라는 개념이 없습니다. 입력 데이터 배열을 처리하는 모든 양식 처리 라이브러리는 여러 값을 가진 이름에서 생성됩니다.

foo=bar&foo=baz&aDifferentField=fizzbuzz

이것은 두 값을 선택한 다중 선택 (FOO)이 생성되는 것입니다 (양식에 'Adifferentfield가있을 때).

때로는 프로비저스가 관련되어 있습니다.

Perl의 CGI.PM은 데이터가 목록 컨텍스트에 있도록 요청이 필요합니다.

my @foos = $cgi->param('foo');

PHP는 이름을 캐릭터 '[]로 끝내야합니다.

name="foo[]"
foo[]=bar&foo[]=baz&aDifferentField=fizzbuzz

… 그러나 모든 이름이 동일하다는 것입니다 (ID는 여전히 달라야하지만).

삭제에 관해서는 :

<label for="foo5">Group 5</label>
<select name="foo" id="foo5">
    <option value="delete_foo5">Delete this group</option>
    <option value="1">1</option>
    <option value="2">2</option>
</select>