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

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

WBOY
WBOYOriginal
2016-06-13 13:37:00883browse

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


请更换文字颜色



请问:如何用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>
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>
Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn