更新せずにドロップダウンリストに手動で値を追加しました.JAvascript、jsを更新しませんでした.

1540 ワード

更新せずにドロップダウンリストに手動で値を追加します.
一つのページに「追加」ボタンとプルダウンリストがあります.「追加」ボタンをクリックすると、プルダウンリストに該当するオプションを追加します.ページを更新せずにリストの更新が見られます.
<html> 
<head> 
<title>  Option  </title> 
<script language = "javascript"> 
//      
function addOption(pos){ 
var objSelect = document.myForm.mySelect; 
//       
var strName = document.myForm.myOptionName.value; 
var strvalue = document.myForm.myOptionvalue.value; 
//   Option   
var objOption = new Option(strName,strvalue); 
if (pos == -1 & pos > objSelect.options.length) 
objSelect.options[objSelect.options.length] = objOption; 
else 
objSelect.add(objOption, pos); 
} 

</script> 
</head> 
<body> 

<hr> 
<form name = "myForm"> 
<select name = "mySelect"> 
<option value = "   " Selected>  </option> 
<option value = "   ">  </option> 
<option value = "   ">  </option> 
<option value = "   ">  </option>
</select> 
<br>

     : <input type = "text" name = "myOptionName" value = "  "><br> 
     : <input type = "text" name = "myOptionvalue" value = "   "> 
<input type = "button" onclick = "addOption(-1)" value = "  "> 

</form> 
</body> 
</html>

 
黒い髪  http://heisetoufa.iteye.com