开始是个下拉菜单,如果选择了,就在下面现实选择的该文字,并且下拉菜单里不再有这个被选了的的东西了。或者可以删除刚才选的,但是有2个问题1,如何能显示text,而不是value。例子里,text是11,22,33什么的,选择后显示的是value,1,2,3什么的,怎么改?
2,我添加了删除的功能,如何删除后,条目又在下拉菜单里显示出来?
<script language="javascript"> function setselect(obj){
var tab = document.getElementById('my_table');
var tr = tab.insertRow(); tr.id=obj.options[obj.selectedIndex].value;
var td = tr.insertCell(); td.innerHTML = obj.options[obj.selectedIndex].value;
var td = tr.insertCell(); td.innerHTML = '<a href="javascript:loeschenrow('+obj.options[obj.selectedIndex].value+');" ><img src="button_drop.png" alt="del" align="middle" name="saveWorker" border="0" />';
obj.options[obj.selectedIndex]=null;
}
function loeschenrow(obj){
alert(obj);
document.getElementById(obj).style.display='none'; }
</script> <table border=1 id="my_table">
</table><select name=myselect onchange="setselect(this)">
<option value=0>---</option>
<option value=1>11</option>
<option value=2>22</option>
<option value=3>33</option>
<option value=4>44</option>
<option value=5>55</option>
<option value=6>66</option>
</select>
2,我添加了删除的功能,如何删除后,条目又在下拉菜单里显示出来?
<script language="javascript"> function setselect(obj){
var tab = document.getElementById('my_table');
var tr = tab.insertRow(); tr.id=obj.options[obj.selectedIndex].value;
var td = tr.insertCell(); td.innerHTML = obj.options[obj.selectedIndex].value;
var td = tr.insertCell(); td.innerHTML = '<a href="javascript:loeschenrow('+obj.options[obj.selectedIndex].value+');" ><img src="button_drop.png" alt="del" align="middle" name="saveWorker" border="0" />';
obj.options[obj.selectedIndex]=null;
}
function loeschenrow(obj){
alert(obj);
document.getElementById(obj).style.display='none'; }
</script> <table border=1 id="my_table">
</table><select name=myselect onchange="setselect(this)">
<option value=0>---</option>
<option value=1>11</option>
<option value=2>22</option>
<option value=3>33</option>
<option value=4>44</option>
<option value=5>55</option>
<option value=6>66</option>
</select>
<option value=0>---</option>
<option value=1>11</option>
<option value=2>22</option>
<option value=3>33</option>
<option value=4>44</option>
<option value=5>55</option>
<option value=6>66</option>
</select>
我认为这里是没有问题的。
如果显示不正常。看看你的JAVASCRIPT。我不太懂。虽然现在AJAX很火,但是我一直认为,JS没前途,
速度慢,显示效果又不如FLASH。
<option value=--->---</option>
<option value=11>11</option>
<option value=22>22</option>
<option value=33>33</option>
<option value=44>44</option>
<option value=55>55</option>
<option value=66>66</option>
</select>
<option value=22>2</option>
<option value=33>3</option>
<option value=44>4</option>
<option value=55>5</option>
<option value=66>6</option>
换成
obj.options[obj.selectedIndex].text 就行了