HTMLのタブはどのように標準選択のオプションを設定しますか?

転載住所:there
主に使う属性はselected、selectedIndex、optionsがあります.

//jQuery on()                 。
$(".sel_wrap").on("change", function() {
	var o;
	var opt = $(this).find('option');
	opt.each(function(i) {
	if (opt[i].selected == true) {
		o = opt[i].innerHTML;
	}
	})
	$(this).find('label').html(o);
}).trigger('change');

//     
$$(function(){
    //        js  
    var fh_group= document.getElementById('group').options;
    var fh_group_value=document.getElementById('group').getAttribute('rel');
    var temp='';
    for(var i=0;i

方法は二つあります
最初に通過する属性を選択します.この方法は、必要に応じて動的言語などのバックグラウンドで出力結果を制御できます.
1
2
3
4
5<select  id= "sel"><option  value="1">1option><option  value="2"  selected="selected">2option><option  value="3">3option> select> つ は jsで した を します.
1
2
3
4
5
6
7
8
9
10
11<script  type="text/javascript">function change(){    document.getElementById("sel")[2].selected=true;} script>

<select  id= "sel"><option  value="1">1option><option  value="2">2option><option  value="3">3option> select>

<input  type="button"  value=" "  onclick="change()"  /> タブの のテキストを するjsコードは の りです.
1
2var  val = document.all.Item.options[document.all.Item.selectedIndex].textvar  i=document.getElementById('sel').options[document.getElementById('sel').selectedIndex].value; の ラベルのテクニックは の りです.
1) にselectを する
1
2
3
4
5function  createSelect(){var  mySelect = document.createElement("select");mySelect.id = "mySelect";document.body.appendChild(mySelect);}2)オプションの option
1
2
3
4
5
6function  addOption(){// id ，var  obj=document.getElementById('mySelect');// obj.add(new  Option(" "," "));}3)すべてのオプションを します.
1
2
3
4function  removeAll(){var  obj=document.getElementById('mySelect');obj.options.length=0;}4)オプションの つを します.
1
2
3
4
5
6function  removeOne(){var  obj=document.getElementById('mySelect');//index, ， var  index=obj.selectedIndex;obj.options.remove(index);}5)オプションのオプトの を します.
1
2
3var  obj=document.getElementById('mySelect');var  index=obj.selectedIndex; // ， var  val = obj.options[index].value;6)オプションのオプトのテキストを します.
1
2
3var  obj=document.getElementById('mySelect');var  index=obj.selectedIndex; // ， var  val = obj.options[index].text;7)オプションの option
1
2
3var  obj=document.getElementById('mySelect');var  index=obj.selectedIndex; // ， var  val = obj.options[index]=new  Option(" "," ");8)selectを する
1
2
3
4function  removeSelect(){var  mySelect = document.getElementById("mySelect");mySelect.parentNode.removeChild(mySelect);}