다음 HTML 선택 요소가 있습니다.
<select id="options1" title="prd_name" name="options">
<option value="optiona">Option A</option>
<option value="optionb">Option B</option>
<option value="optionc">Option C</option>
</select>
<select id="options2" title="prd_name" name="options"> </select>
<select id="options3" title="prd_name" name="options"> </select>
<select id="options4" title="prd_name" name="options"> </select>
id = "options1"인 첫 번째 선택 요소에만 옵션 태그가 있고 나머지 선택 요소는 비어 있습니다. 이미 옵션이있는 첫 번째 선택 요소를 건드리지 않고 옵션을 채울 수 있도록 빈 선택 요소를 선택하고 싶습니다. 특히 Jquery를 통해 어떻게 할 수 있습니까?
선택기를 사용할 수 있습니다 select:empty
. 또는 사용할 수 있습니다select:not(:has(option))
console.log($("select:empty"));
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js">
</script>
<select id="options1" title="prd_name" name="options">
<option value="optiona">Option A</option>
<option value="optionb">Option B</option>
<option value="optionc">Option C</option>
</select>
<select id="options2" title="prd_name" name="options"></select>
<select id="options3" title="prd_name" name="options"></select>
<select id="options4" title="prd_name" name="options"></select>
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다