javascript - href="javascript:proDoc(....不能在 chrome 但 IE 上工作

Question

我想问2个问题。

1. 如何使用http://jsfiddle.net/？“Word DownLoad1”在 jsfiddle.net 中不起作用？？？

2. “Word DownLoad2”在 IE 中可以使用，但在 chrome 中无法使用。为什么？html。

   <span id="GridView1_ctl04_lblWord">
     <select name='selPdf56' class='selectMenu'>
       <option value='g38'>A Form</option>
       <option value='g39'>B Form</option>
     </select>
   </span><a id="GridView1_ctl04_lnkWord" href="javascript:proDoc('56','g38');">Word DownLoad1</a> <a id="GridView1_ctl05" href="javascript:proDoc(56,document.getElementById('selPdf56').options[document.getElementById('selPdf56').selectedIndex].value);">Word DownLoad2</a> 
   

js

function proDoc(myDEID,myForm){
       alert('Active');
}

http://jsfiddle.net/3pZ2M/7/

Answer 1

实际上，您没有使用 id selPdf56，但是有name并且class您使用getElementById了这就是它不起作用的原因，并且jsFiddle您选择运行脚本onload，但您应该选择将其保留在head标签中。

HTML

<span id="GridView1_ctl04_lblWord">
    <select name='selPdf56' id='selPdf56'  class='selectMenu'>
        <option value='g38' >A Form</option>
        <option value='g39' >B Form</option></select>
</span>
<a id="GridView1_ctl04_lnkWord" href="javascript:proDoc('56','g38');">Word DownLoad1</a>
<a id="GridView1_ctl05" href="javascript:proDoc(56,document.getElementById('selPdf56').options[document.getElementById('selPdf56').selectedIndex].value);">Word DownLoad2</a>

JS

function proDoc(myDEID,myForm){
   alert(myDEID +' '+ myForm);
}

工作演示。

Answer 2

在 Chrome 上测试：

 <span id="GridView1_ctl04_lblWord">
 <select id='selPdf56'  class='selectMenu'>
     <option value='g38' >A Form</option>
     <option value='g39' >B Form</option>
 </select></span>
<a id="GridView1_ctl04_lnkWord" href="javascript:proDoc('56','g38');">Word DownLoad1</a>
<a id="GridView1_ctl05"  href="javascript:proDoc(56,document.getElementById('selPdf56').options[document.getElementById('selPdf56').selectedIndex].value);">Word DownLoad2</a>

在这里工作小提琴：http: //jsfiddle.net/3pZ2M/9/