Heim > Backend-Entwicklung > PHP-Tutorial > 任意选择下拉列表菜单选项,并执行对应的操作

任意选择下拉列表菜单选项,并执行对应的操作

WBOY
Freigeben: 2016-06-13 13:37:00
Original
930 Leute haben es durchsucht

求助:任意选择下拉列表菜单选项,并执行对应的操作?


请更换文字颜色



请问:如何用php程序实现这个操作,麻烦给我提示一下。我想的是用$_POST接收select值(),还需要什么javascript来判断什么的吧,最后用switch实现改变颜色。不知道可行。javascript如何来判断不是很清楚。谢谢!

------解决方案--------------------
如果仅仅是想改变页面元素的颜色,何必劳烦php 用js就够了
HTML code
<script>
function color(color){
    document.getElementById("div").style.color=color;
}
</script>
<div id="div">请更换文字颜色</div>
<select name="changecolor" onchange="color(this.value);">
<option value="black" selected>---黑色---</option>
<option value="red">---红色---</option>  
<option value="green">---绿色---</option>
<option value="blue">---蓝色---</option>
<option value="yellow">---黄色---</option>
</select>
<br><font color="#e78608">------解决方案--------------------</font><br>  <br> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> //包含jquery库,百度下<br><br>//用js就可以,类似下面这样。。<br>  <script type="text/javascript"><br />	jQuery(document).ready(function(){<br />			jQuery('select[name=changecolor]').change(function(){<br />				//alert(jQuery(this).val());<br />				 //改变颜色<br />             jQuery(this).attr('selected',true);<br />			  jQuery(this).siblings().attr('selected',false);<br />              <br />		});<br />	});<br /> </script>
<br><font color="#e78608">------解决方案--------------------</font><br>
Nach dem Login kopieren
JScript code




 
  <title> new document </title>
  <meta name="generator" content="editplus">
  <meta name="author" content="">
  <meta name="keywords" content="">
  <meta name="description" content="">
<script type="text/javascript">
 //var tgs = new Array('div','td','tr');
var tgs = new Array('td','tr','div','span','a','html'); 
var szs = new Array( 'black','red','green','blue','yellow','yellow');
var startSz = 2; 
function tsize( trgt,inc ) {
    if (!document.getElementById)
    {
        return
    }
    var d = document,cEl = null,sz = startSz,i,j,cTags;
    sz = inc;
    if ( sz < 0 )
    { 
        sz = 0;
    }
    if ( sz > 6 )
    {
        sz = 6;
    }
    startSz = sz;        
    if ( !( cEl = d.getElementById( trgt ) ) ) cEl = d.getElementsByTagName( trgt )[ 0 ];
    cEl.style.color = szs[ sz ];
    for ( i = 0 ; i < tgs.length ; i++ ) 
    {
        cTags = cEl.getElementsByTagName( tgs[ i ] );        
        for ( j = 0 ; j < cTags.length ; j++ ) 
        {        
            cTags[ j ].style.color = szs[ sz ];
        }
    }
}

function color(color){
    tsize('body',color);
}

</script>
 

  
    <div id="div">请更换文字颜色</div>
    <select name="changecolor" onchange="color(this.value);">
    <option value="0" selected>---黑色---</option>
    <option value="1">---红色---</option>  
    <option value="2">---绿色---</option>
    <option value="3">---蓝色---</option>
    <option value="4">---黄色---</option>
    </select>

    <a href=""> ssss </a>
<a>sdfsdf</a>
    <div> sddddddddddd</div>
    
 <div class="clear">
                 
              
              
        
            </div>
Nach dem Login kopieren
Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage