HTML : select에서 각 옵션의 value 속성이 고유해야합니까?

Question

select에있는 option의 value이 고유해야한다는 HTML 사양의 요구 사항이 있습니까?

제 질문은 중복 value의 유효 기간에 대한 것입니다. 다음 코드 블록의 모든 비실용 성을 무시하십시오. select이 유효합니까?

<select id="produce" multiple> 
    <option value="2.00">Apple</option> 
    <option value="1.50">Banana</option> 
    <option value="1.50">Carrot</option> 
</select> 

<input id="total" type="text"> 

<script> 
    $('#produce').on('change',function(e) { 
     var sum = 0; 
     $('#produce option:selected').each(function() { 
      sum += parseFloat($(this).val()); 
     }); 
     $('#total').val(sum.toFixed(2)); 
    }); 
</script> 

Answer 1

의 select 요소의 유효성을 중요하지 않습니다 -list select의 option의 값입니다. 다른 것은 그렇게하지 않습니다.

명심해야 할 점 중 하나는 요소의 id이 해당 요소에 올바르게 액세스 할 수 있도록 일관성을 유지해야한다는 것입니다. id이 여러 요소에 중복되는 경우 최신 요소가 선택됩니다. 너 목록에있는 option의 값의 중복에 대해 걱정할 필요가 없습니다.

이것은 심지어 필요할 수도 있습니다.

<select> 
    <option value="fruit">mango 
    <option value="flower">rose 
    <option value="fruit">pineapple 
    <option value="flower">lotus 
    <option value="flower">lily 
</select> 

이제 사용자 flower 될 것이다 선택 요소 rose, lotus, lily 값 중 하나를 선택하는 경우 및 경우에 mango 및 pineapple 중 하나가 될 select 요소의 값을 선택한 다음 fruit. 이렇게 완벽하게 OK,이 시간이 필요할 수 있습니다 ..

Answer 2

예,이 select이 유효합니다. option의 값은 고유 할 필요는 없습니다.

는 여기 JSFiddle 데모를 확실히

Live Demo

Answer 3

아니요, 이러한 요구 사항은 없습니다. 모든 HTML 사양은 어떤 제한도 부과하지 않고 단순히 텍스트 (CDATA) 값을 갖는 것으로 value 속성을 정의합니다.

이것은 물론 공식적인 측면입니다. 동일한 value 속성을 가진 동일한 select 요소에 두 개의 option 요소를 갖는 것이 합리적이라고 상상하기는 어렵습니다. 정식으로 유효하지만, 필요하다고 생각되면 아마도 잘못 분석했을 것입니다.