[英]read selected value from select tag of HTML using javascript code
我的 HTML 代碼如下:
<div id="detail">
<div class="d_left">
Page <strong>1</strong> of 107
</div>
<div class="d_center">
<table>
<tr>
<td><a href="#">Previous</a> | <a href="#">Next</a>
<img src="/webProject/store/images/arrow.png" align="absmiddle" alt="">
</td></tr></table>
</div>
<div class="d_right">
Sort by:
<select name="featured" size="1" id="item1">
<option>Featured Items1</option>
<option>Featured Items2</option>
<option>Featured Items3</option>
<option>Featured Items4</option>
</select>
</div>
</div>
現在,我想從<select name="featured" size="1" id="item1">
中讀取選定的值。 如何使用 JavaScript 做到這一點?
document.getElementById("item1").value;
更優雅的sushil bharwani解決方案變體
function $(id){return document.getElementById(id);}
var select = $("item1");
select.onchange = function() {
var selIndex = select.selectedIndex;
var selValue = select.options(selIndex).innerHTML;
}
由於影子向導不喜歡這個解決方案,我希望他會喜歡:
var select = document.getElementById("item1");
select.onchange = function() {
var selIndex = select.selectedIndex;
var selValue = select.options(selIndex).innerHTML;
}
這兩個示例的主要思想是減少 getElementById 的使用。 沒有必要多次執行它——從而最大限度地減少對 DOM 的訪問。
對於那些覺得足夠勇敢的人:) 有這個新東西querySelector()
mdn , msdn IE dev center , msdn , w3 spec :
var select = document.querySelector("#item1");
document.getElementById("item1").onchange = function(){
var selIndex = document.getElementById("item1").selectedIndex;
var selValue = document.getElementById("item1").options[selIndex].innerHTML;
}
function delivery(x){
var country = x.value;
document.getElementById('lala').innerHTML = country;
}
<div id="lala"></div>
<form action="" method="post">
<select name="country" id="country" onChange="delivery(this)">
<option value='lala'>Select Country</option>
<option value='United_Kingdom'>United Kingdom</option>
<option value='Russia'>Russia</option>
<option value='Ukraine'>Ukraine</option>
<option value='France'>France</option>
<option value='Spain'>Spain</option>
<option value='Sweden'>Sweden</option>
</select>
</form>
這是我如何解決選擇歐盟國家/地區的問題(我已經刪除了大部分以使我的代碼更短).. 作為 javascript 的新手.. 我仍然需要學習 javascript 庫。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.