通過訪問與DOM

我試圖顯示來自「選擇」標籤的子元素屬性和我使用document.getElementsByTagName命令做父元素屬性子元素屬性，我希望顯示的是「約翰道爾頓」看源波紋管！，但瀏覽器還不如我在警報想到剛不確定的消息顯示。我的消息來源是這樣的：通過訪問與DOM

<select style="" name="provinsi_id" class="form-control crud-edit 
    lookup-refresh" onchange="showoption();"> 
<option>john dalton</option> 
<option>john rambo</option> 
<script> 
alert(document.getElementsByTagName('select')[0].childNodes[0].value); 
<script>

來源

2015-04-15 Alimin

試試這個，

alert(document.getElementsByTagName('select')[0].childNodes[1].value);

0個元素是文本元素。

Note: Whitespace inside elements is considered as text, and text is considered as nodes. Comments are also considered as nodes.

來源

2015-04-15 05:44:09

感謝名單，我儘量快 – Alimin

不靈的傢伙，u能運行我完整的腳本的瀏覽器，respon在這個論壇的答案，請！ – Alimin

https://jsfiddle.net/egg13xy4/1/ –

當你有一個<select>你可以輕鬆地訪問到的選項。

document.getElementsByTagName('select')[0].options

「選項」是陣列在你選擇的所有選項，這樣你就可以查看在你的價值是這樣的：

document.getElementsByTagName('select')[0].options[0].value

您還可以通過這樣一個快捷方式：

document.getElementsByTagName('select')[0][0].value

來源

2015-04-15 08:27:49 romuleald

每一個答案，乳寧好，如果我寫的靜態代碼Nannakuhtum的樣品，可惜在我來說，我使用JavaScript來填充選項值動態地像THI S，

<html> 
-------- 
<select style="" name="provinsi_id" 
class="form-control crud-edit 
lookup-refresh" onchange="tampilkota();"> 
</select> 
------------ 
</html> 



<script> 
var dataprovinsi = <?php echo json_encode($dataprovinsi); ?>; 
for (i=0; i< dataprovinsi.length; i++){ 
var option = document.createElement("option"); 
option.text  = dataprovinsi[i]['nama']; 
option.value = dataprovinsi[i]['nama']; 
var select = document.getElementById("psg_provinsi_id"); 
select.appendChild(option); 
} 

function tampilkota(){ 
alert(document.getElementsByTagName('select')[0].childNodes[1].value); 
}

來源

2015-04-15 09:32:30 Alimin

通過訪問與DOM

回答

相關問題