jquery插件dialog遇到的难题，请大侠帮着看看！！！

xjwlmqwxd 2013-04-28 06:23:56

我在jquery dialog中加入了一个select，现在想改变整个dialog的字体为方正姚体，结果jquery dialog的title和按钮都生效了，就select里面的option不生效
jsp文件如下

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>

<%String path = request.getContextPath();%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>

  <head>    

    <title>更换配置车站</title>

  	<link rel="stylesheet" type="text/css" media="screen" href="<%=path%>/resource/CSS/UI_CSS/redmond/jquery-ui-1.8.18.custom.css" />

  	<script src="<%=path%>/resource/JQUERY/jquery-1.7.2.min.js" type="text/javascript"></script>

  	<script src="<%=path%>/resource/JQUERY/jquery-contextmenu.js" type="text/javascript"></script>

  	<script src="<%=path%>/resource/UI/jquery-ui-1.8.18.custom.min.js" type="text/javascript"></script>

	<script src="<%=path%>/js/wh_ghcz.js" type="text/javascript"></script>

	<style>

	 <!--

		.ui-dialog-title,.ui-button-text

		{   

		 font-family: "FZYaoti"; 

		 font-weight:900; 

		} 

		.selcss

		{   

		 font-family: "隶书"; 

		 font-weight:300; 

		} 

	-->

    </style>

  </head>  

  <body>

     <div id="ghczDialog">

     </div>

  </body>

</html>

Js文件如下

$(function()

	{

	 var fsDialog = $('#ghczDialog');

     splitArray= new Array();

	 var selsscz="<SELECT id='selStation' name='TrainStation'><OPTION value='' selected>               请选车站               </OPTION> ";

	 var selend = "</select>";

	 //**************************************************初始化,装载所属车站数据,绑定相关事件**********************************************

	 $.ajax({

 		     url : "selectList", 

 		     type : "POST", 

 		     data:{seachtab:"SSCZ",seachpos:"N"},

			 success : function(data,textStatus) 

			 { 

			    if(data.seldata!=null && data.seldata!="")

				{

					$.each(data.seldata,function(i,val){selsscz = selsscz + "<option value=" +val.val +">" +val.lab + "</option>";});				

				}

			    else

			    {

			    	selsscz = selsscz +"<option value=''>无车站</option>";

			    }

				fsDialog.append(selsscz+selend);

				fsDialog.dialog({title:"更换车站",modal:true,

				buttons:

				{

					'确定':function()

					{

					    if ($('#selStation').val()!=null && $('#selStation').val()!='')

					    {

					    	$.ajax({

		 		    		url : "ChangeStation", 

		 		    		type : "POST", 

		 		    		data : {trainStation:$('#selStation').val()}, 

							success : function(data,textStatus) 

							{ 

					  			if (data.msg=="success")

			  					{

			   				 		var leftWin = $('#leftmenu',parent.document.body)

									//×××××××××××××××××××××××××××××将姓名、岗位、车站输出到左框架中×××××××××××××××××××××××××

									leftWin.contents().find('#spancz').html("车站: "+ data.loginInfo.zmhz ); 

	    							leftWin.contents().find(".LeftFrameDivBG > a").attr("disabled",false);

			    					leftWin.contents().find(".LeftFrameDivBG > a").unbind("click");

									if (data.jb=="7") // 车务段级别

									{

										leftWin.contents().find(".LeftFrameDivBG > a[id=mngCZ]").attr("disabled",true);

									    leftWin.contents().find(".LeftFrameDivBG > a[id=mngCZ]").click(function(){return false;});

									}

				  				}	 

				  				else

				  				{ window.status = data.msg;}

							}

		      				});

							fsDialog.dialog('close');

					    }

				   },

				  '取消':function(){fsDialog.dialog('close');}

			   },

			   close:function(event){fsDialog.html("");}

		      });

			  fsDialog.dialog('open');

			  fsDialog.dialog({height:($('#selStation').height()+160),width:($('#selStation').width()+40)});

			  $('#selStation').attr('class','selcss');

			}

     });

});