如何在 p-tag 中獲取純文本和選定的選項？

Question

選擇 5 和 2 后，是否有任何解決方案可以得到字符串 output，如：5 大於 2？

 <p class="showTxt" id="showTxt"> <select size="2"> <option>1</option> <option>2</option> <option>3</option> <option>4</option> <option>5</option> </select> <p> greater than</p> <select size="1"> <option>1</option> <option>2</option> <option>3</option> <option>4</option> <option>5</option> </select> </p>

Answer 1

這是你想要的嗎？

 function showText(ele) { document.getElementById("2").innerHTML = document.getElementById("1").options[document.getElementById("1").selectedIndex].text+" is greater than "+ele.options[ele.selectedIndex].text; }

 <p class="showTxt" id="showTxt"> <select size="2" id="1"> <option>1</option> <option>2</option> <option>3</option> <option>4</option> <option>5</option> </select> <p> greater than</p> <select size="1" onchange="showText(this)"> <option>1</option> <option>2</option> <option>3</option> <option>4</option> <option>5</option> </select> </p> <p id="2"></p>