드롭 다운 텍스트가 표시되지 않음

HTML에서 드롭 다운 목록을 구현하려고했습니다. 드롭 다운이 표시되지만 드롭 다운 내의 옵션이 선택되면 표시되지 않습니다. 선택 후에는 상자가 비어 있습니다.드롭 다운 텍스트가 표시되지 않음

<form action="evaluate"> 
    <select name="places"> 
    <option value="A">A</option> 
    <option value="B">B</option> 
    <option value="C">C</option> 
    </select> 
    <br><br> 
    <input type="submit" class="w3-button w3-red w3-margin-top" value="Submit"> 
</form>

evaluate 서블릿이다 -

다음은 코드입니다. 드롭 다운에서 옵션을 선택해야합니다. 그런 다음 제출 버튼을 클릭 한 후 데이터는 evaluate이라는 서블릿으로 이동해야합니다.

출처

2017-04-06 TeeKay

내가 직면 한 문제는 내가 사용하고있는 CSS 파일과 관련이 있습니다. 그래서 클래스를 변경하고 다음과 같이 스타일을 약간 변경해야했습니다.

<div id ="drop" class="w3-content""> 
<style> 
#drop 
{ 
background-color:black; 
padding:0.9em; 
} 
</style><!-- code for dropdown menu--> </div>

출처

2017-04-06 15:43:50 TeeKay

HTML 형식의 CSS 정의를 사용하는 것은 전반적인 프런트 엔드 웹 개발과 잘못된 레일 형식입니다. .css 파일로 리팩토링하는 것을 고려해야합니다. –

추가 큰 따옴표가 있습니다. <select name="places" ">은 <select name="places">이어야하며 작동합니다. 다음 작업 링크를 참조하십시오. https://jsfiddle.net/xrvmjLpm/

출처

2017-04-06 14:44:38

아직 텍스트가 표시되지 않았습니다. – TeeKay

텍스트 표시 위치? 바이올린에서는 평가 서블릿이 처리해야하는 json을 보냅니다. –

드롭 다운 메뉴에 표시된 옵션 텍스트. 어쨌든, 나는 그 문제를 해결했다. .css 파일에 몇 가지 문제가있었습니다. 그래도 도와 줘서 고마워. – TeeKay

드롭 다운 텍스트가 표시되지 않음

답변

관련 문제