怎么才能把通过下拉单改变document.write()里的值！

Question

<img id=hrong border=0><form name=form1>
<select name=face1 onchange="mm()">
<option value=0>0</option>
</option>
<select name=face2 onchange="mm()">
<option value=0>0</option>
</option>
<select name=face3 onchange="mm()">
<option value=0>0</option>
</option>
</form><SCRIPT LANGUAGE="JavaScript"><!--
function mm()
{
  with(document.form1)
  {
    var f1 = face1.options[face1.selectedIndex].value;
    var f2 = face2.options[face2.selectedIndex].value;
    var f3 = face3.options[face3.selectedIndex].value;
  }
  if (((f1!="0")||(f2!="0"))||(f3!="0"))
  {
var img=f1+f2+f3;
  }
  document.images("hrong").src = img +".gif";
}
//--></SCRIPT>

Answer 1

不好意思, 修改一下上面代码里的错误:
<img id=hrong border=0><form name=form1>
<select name=face1 onchange="mm()">
<option value=0>0</option>
<option value=1>1</option>
<option value=2>2</option>
</select>
<select name=face2 onchange="mm()">
<option value=0>0</option>
<option value=1>1</option>
<option value=2>2</option>
</select>
<select name=face3 onchange="mm()">
<option value=0>0</option>
<option value=1>1</option>
<option value=2>2</option>
</select>
</form><SCRIPT LANGUAGE="JavaScript"><!--
function mm()
{
  with(document.form1)
  {
    var f1 = face1.options[face1.selectedIndex].value;
    var f2 = face2.options[face2.selectedIndex].value;
    var f3 = face3.options[face3.selectedIndex].value;
  }
  if (((f1!="0")||(f2!="0"))||(f3!="0"))
  {
    var img=f1+f2+f3;
  }
  document.images("hrong").src = img +".gif";
}
//--></SCRIPT>

Answer 2

谢谢楼上的，我想你可能没有看清楚我上面写的。
我是用document.write()控制图片是否显示的。
如果用直接imgid.src控制刚出来会显示可红X的。因为000.gif图片是没有的.
要是现在不行的话,我准备做个极小的透明的000.gif

Answer 3

<img id=hrong border=0><form name=form1>
<select name=face1 onchange="mm()">
<option value=0>0</option>
<option value=1>1</option>
<option value=2>2</option>
</select>
<select name=face2 onchange="mm()">
<option value=0>0</option>
<option value=1>1</option>
<option value=2>2</option>
</select>
<select name=face3 onchange="mm()">
<option value=0>0</option>
<option value=1>1</option>
<option value=2>2</option>
</select>
</form><SCRIPT LANGUAGE="JavaScript"><!--
function mm()
{
  with(document.form1)
  {
    var f1 = face1.options[face1.selectedIndex].value;
    var f2 = face2.options[face2.selectedIndex].value;
    var f3 = face3.options[face3.selectedIndex].value;
  }
  if (((f1!="0")||(f2!="0"))||(f3!="0"))
  {
var img=parseInt(f1)+parseInt(f2)+parseInt(f3);
  }
  document.images("hrong").src = img +".gif";
}
//--></SCRIPT>

Answer 4

sorry，这样<form name=form1>
<select name=face1 onchange="mm()">
<option value=0>0</option>
<option value=1>1</option>
<option value=2>2</option>
</select>
<select name=face2 onchange="mm()">
<option value=0>0</option>
<option value=1>1</option>
<option value=2>2</option>
</select>
<select name=face3 onchange="mm()">
<option value=0>0</option>
<option value=1>1</option>
<option value=2>2</option>
</select>
<img id=hrong border=0 style="display:none">
</form><SCRIPT LANGUAGE="JavaScript"><!--
function mm()
{
  with(document.form1)
  {
    var f1 = face1.options[face1.selectedIndex].value;
    var f2 = face2.options[face2.selectedIndex].value;
    var f3 = face3.options[face3.selectedIndex].value;
  }
  if (((f1!="0")||(f2!="0"))||(f3!="0"))
  {
  var img=parseInt(f1)+parseInt(f2)+parseInt(f3);
  document.images("hrong").src = img +".gif";
  document.images("hrong").style.display="block";
  }
  else
  document.images("hrong").style.display="none";
}
//--></SCRIPT>

Answer 5

谢谢了。我已经改用：
<img id="faces" src="images/face/000.gif">
<select name="face1" onChange="face(this)">
           <option value="0" selected>0</option>
           <option value="1">1</option>
           <option value="2">2</option>
           <option value="3">3</option>
           <option value="4">4</option>
           <option value="5">5</option>
           <option value="6">6</option>
           <option value="7">7</option>
           <option value="8">8</option>
           <option value="9">9</option>
           </select>
           <select name="face2" onChange="face(this)">
             <option value="0" selected>0</option>
             <option value="1">1</option>
             <option value="2">2</option>
             <option value="3">3</option>
             <option value="4">4</option>
             <option value="5">5</option>
             <option value="6">6</option>
             <option value="7">7</option>
             <option value="8">8</option>
             <option value="9">9</option>
           </select>
           <select name="face3" onChange="face(this)">
             <option value="0" selected>0</option>
             <option value="1">1</option>
             <option value="2">2</option>
             <option value="3">3</option>
             <option value="4">4</option>
             <option value="5">5</option>
             <option value="6">6</option>
             <option value="7">7</option>
             <option value="8">8</option>
             <option value="9">9</option>
           </select>
function face(i) {
  f1=i.form.face1.value,
  f2=i.form.face2.value,
  f3=i.form.face3.value;
document.images("faces").src='images/face/'+f1+f2+f3+'.gif';
}

Answer 6

做了个1X1透明的000.GIF图片！
但还是希望知道能不能用document.write()实行！

Answer 7

我的方法就可以
如果你的图片名称是以1.gif,2.gif……命名，就用var img=parseInt(f1)+parseInt(f2)+parseInt(f3);
如果是以001.gif,002.gif……命名，就用var img=f1+f2+f3;

Answer 8

谢谢百合心，你的代码好像有点问题的，
var img=parseInt(f1)+parseInt(f2)+parseInt(f3)
会让字符转为整数变量而相加的，比如1+5+7=13
而不是157。
我知道你用的是显示、隐藏图片的方法，我觉得这样还麻烦一点，干脆做个000.gif了。

Answer 9

楼主, 你用不着做一个透明的图片, 我结合了一下百合姐姐的代码搞定:<img id=hrong border=0 style="display: none"><form name=form1>
<select name=face1 onchange="mm()">
<option value=0>0</option>
<option value=1>1</option>
<option value=2>2</option>
<option value=3>3</option>
<option value=4>4</option>
<option value=5>5</option>
<option value=6>6</option>
<option value=7>7</option>
<option value=8>8</option>
<option value=9>9</option>
</select>
<select name=face2 onchange="mm()">
<option value=0>0</option>
<option value=1>1</option>
<option value=2>2</option>
<option value=3>3</option>
<option value=4>4</option>
<option value=5>5</option>
<option value=6>6</option>
<option value=7>7</option>
<option value=8>8</option>
<option value=9>9</option>
</select>
<select name=face3 onchange="mm()">
<option value=0>0</option>
<option value=1>1</option>
<option value=2>2</option>
<option value=3>3</option>
<option value=4>4</option>
<option value=5>5</option>
<option value=6>6</option>
<option value=7>7</option>
<option value=8>8</option>
<option value=9>9</option>
</select>
</form><SCRIPT LANGUAGE="JavaScript"><!--
function mm()
{
  with(document.form1)
  {
    var f1 = face1.options[face1.selectedIndex].value;
    var f2 = face2.options[face2.selectedIndex].value;
    var f3 = face3.options[face3.selectedIndex].value;
  }
  if (f1!="0" || f2!="0" || f3!="0" )
  {
    document.images("hrong").style.display = "";
    document.images("hrong").src = f1+""+f2+f3 +".gif";
  }
  else  document.images("hrong").style.display = "none";
}
//--></SCRIPT>

Answer 10

谢谢黄蓉MM(是MM吧?^_^),这代码很完美了,其实我刚开始没有问这个问题的时候,我已经想到你这个思路了,只是很想知道能不能用document.write()实行而已.
一个问题,大家可能会想到很多办法解决,我可以用透明的图片,也可以显示隐藏方法实现.也许还有别的方法.比如document.write().谢谢.一会儿就结分.