JS 输入出为文本,而非下拉框代码如下:function MakeTopSelect_1(emname, selvalue,val)
{
var selectFormHtml = '';
var aOption = null;
var selObj = document.createElement("select");
selObj.name = emname + '_top';
selObj.id = emname + '_top';
selObj.onchange = selNextSon;
selObj.disabled=true;
var selarr = eval('em_'+emname+'s');
// alert(selarr[1002.2]);
var topvalue = 0;
var sonvalue = 0;
var secvalue = 0;
aOption = document.createElement('OPTION');
aOption.text = '请选择..';
aOption.value = 0;
selObj.options.add(aOption);
// alert(selvalue);
if(selvalue % 500 == 0 )
{
topvalue = selvalue;
}
// 如果是小数,则依次取出顶级数值,二级数值以及三级数值
else if(!!(selvalue % 1))
{
secvalue = selvalue;
sonvalue = Math.floor(selvalue);
topvalue = sonvalue - (sonvalue % 500);
// alert(secvalue);
}
else {
sonvalue = selvalue;
topvalue = selvalue - (selvalue % 500);
}
for(i = 500; i <= selarr.length; i += 500)
{
if(!selarr[i]) continue;
aOption = document.createElement('OPTION');
if(i == topvalue) {
aOption = document.createElement('OPTION');
aOption.text = selarr[i];
aOption.value = i;
selObj.options.add(aOption);
aOption.selected = true;
}
else {
aOption = document.createElement('OPTION');
aOption.text = selarr[i];
aOption.value = i;
selObj.options.add(aOption);
}
} //alert('span_'+emname+val);
document.getElementById('span_'+emname+"_"+val).appendChild(selObj);
}HTML 调用的函数名为: <script language="javascript" type="text/javascript" src="/demo1/images/enums.js"></script>
<script language='javascript' type='text/javascript' src='/demo1/data/enums/nativeplace.js'></script>
{dede:arclist row='2' addfields='nativeplace' titlelen='24' orderby='pubdate' idlist='' col='2' channelid='1'}<div style="border:1px sold #000">
[field:textlink/]([field:pubdate function=MyDate('m-d',@me)/])
<span id='span_nativeplace_[field:nativeplace/]'></span>
<script language='javascript' type='text/javascript'>MakeTopSelect_1('nativeplace', [field:nativeplace/],[field:nativeplace/]);</script>
<div>{/dede:arclist}现在输出的是一下拉列表框,但CSS 不能在HTML 中控制,想输出为文本,或是增加输出CSS 的功能。
有谁会?
再这先谢谢了
{
var selectFormHtml = '';
var aOption = null;
var selObj = document.createElement("select");
selObj.name = emname + '_top';
selObj.id = emname + '_top';
selObj.onchange = selNextSon;
selObj.disabled=true;
var selarr = eval('em_'+emname+'s');
// alert(selarr[1002.2]);
var topvalue = 0;
var sonvalue = 0;
var secvalue = 0;
aOption = document.createElement('OPTION');
aOption.text = '请选择..';
aOption.value = 0;
selObj.options.add(aOption);
// alert(selvalue);
if(selvalue % 500 == 0 )
{
topvalue = selvalue;
}
// 如果是小数,则依次取出顶级数值,二级数值以及三级数值
else if(!!(selvalue % 1))
{
secvalue = selvalue;
sonvalue = Math.floor(selvalue);
topvalue = sonvalue - (sonvalue % 500);
// alert(secvalue);
}
else {
sonvalue = selvalue;
topvalue = selvalue - (selvalue % 500);
}
for(i = 500; i <= selarr.length; i += 500)
{
if(!selarr[i]) continue;
aOption = document.createElement('OPTION');
if(i == topvalue) {
aOption = document.createElement('OPTION');
aOption.text = selarr[i];
aOption.value = i;
selObj.options.add(aOption);
aOption.selected = true;
}
else {
aOption = document.createElement('OPTION');
aOption.text = selarr[i];
aOption.value = i;
selObj.options.add(aOption);
}
} //alert('span_'+emname+val);
document.getElementById('span_'+emname+"_"+val).appendChild(selObj);
}HTML 调用的函数名为: <script language="javascript" type="text/javascript" src="/demo1/images/enums.js"></script>
<script language='javascript' type='text/javascript' src='/demo1/data/enums/nativeplace.js'></script>
{dede:arclist row='2' addfields='nativeplace' titlelen='24' orderby='pubdate' idlist='' col='2' channelid='1'}<div style="border:1px sold #000">
[field:textlink/]([field:pubdate function=MyDate('m-d',@me)/])
<span id='span_nativeplace_[field:nativeplace/]'></span>
<script language='javascript' type='text/javascript'>MakeTopSelect_1('nativeplace', [field:nativeplace/],[field:nativeplace/]);</script>
<div>{/dede:arclist}现在输出的是一下拉列表框,但CSS 不能在HTML 中控制,想输出为文本,或是增加输出CSS 的功能。
有谁会?
再这先谢谢了
你的意思是先用js写创建html,然后再把html调用出来么?
输出html代码直接用innerHTML
var selObj = document.createElement("select");
1、 selObj.style.width="";
selObj.style.XXX="";2、selObj.style.cssText = "width:200px;";
3、selObj。className = "";