Question

我有一个按钮，其值是从RPG程序设置的，当按钮具有我想要的值时，点击它去一个网址，当它没有值时，要么不显示要么什么都不做？

  <td>
      <div align="right">
           <input type="submit" id="ProdNo" name="Submit" value="<%= (KEC1KM) %>" onclick="goToProdSpec()" style="width:100%" />
      </div>
  </td>

我的第一次尝试是尝试什么都不做，但如果它没有价值我更容易隐藏它。

继承我在这个功能的javascript方面的尝试，没有检查它工作正常，但当我合并它如果它根本不起作用

    function goToProdSpec(){
        var ButtonValue = document.getElementById('ProdNo').value;

        If(ButtonValue != ""){
        url = 'http://svr:7018/Enquiries/CMENPROC.rpgle?ProductCode=' + ButtonValue;    
        window.location.href = url;
        }
    }

Answer 1

我的第一次尝试是尝试什么也不做，但如果它没有价值就更容易隐藏它我感兴趣。

隐藏它将非常容易。基于你的JS，我认为value属性是空的，但是存在，可以用CSS作为目标。

input[value=""] {display:none;}

或者

input[type="submit][value=""] {display:none;}

Answer 2

将值传递给来自html的函数

<td><div align="right"><input type="submit" id="ProdNo" name="Submit" value="<%= (KEC1KM) %>" onclick="goToProdSpec(this.value)" style="width:100%" /></div></td>

在javascript中使用像这样

function goToProdSpec(value)
{
   If(value != "")
   {
        url = 'http://svr:7018/Enquiries/CMENPROC.rpgle?ProductCode=' + value;    
        window.location.href = url;
   }
}

尝试这可能会起作用

Answer 3

我发现您的函数有一个额外的}，它应该是if而不是If。那么至少if条件会起作用。

您可以使用以下CSS隐藏按钮

input[type="submit][value=""] {display:none;}

更改了JS代码 -

function goToProdSpec(){
    var ButtonValue = document.getElementById('ProdNo').value;

    if(ButtonValue != ""){
    url = 'http://svr:7018/Enquiries/CMENPROC.rpgle?ProductCode=' + ButtonValue;    
    window.location.href = url;
    }
}

Answer 4

您必须使用if(!ButtonValue)检查空字符串：

function goToProdSpec(){
    var ButtonValue = document.getElementById('ProdNo').value;

    If(!ButtonValue){
    url = 'http://svr:7018/Enquiries/CMENPROC.rpgle?ProductCode=' + ButtonValue;    
    window.location.href = url;
    }
}

在转到URL之前检查的按钮

4 个答案: