Question

我有一个HTML按钮

<input class="showOptions" type="button" style="width:100%" value="<%= (PRCDMU) %>" onclick="programSelector(this.value)" />

调用一些JavaScript

    function programSelector(value){
    var origin = document.getElementById('origin').value();

    if(origin === ""){
            $( "#popup" ).dialog( "open" ); 
    }
    if(origin === "Product Specification"){
        url = 'http://brmappsvr:7018/Enquiries/CMENPROC.rpgle?ProductCode=' + value; 
        window.location.href = url;
    }elseif(origin === "Future Requirements Forecast")
        url = 'http://brmappsvr:7018/Enquiries/CMENPRF.rpgle?ProductCode=' + value;    
        window.location.href = url;
    }

然而，这个过程的一部分是在Jquery中弹出的。

     $(".showOptions").click(function(){
var $self = this.value;
$( "#popup" ).dialog({
            modal: true,
            width: 465,
            draggable: true,
            buttons: {
            "Product Specification": function() { 
            window.location.href = 'http://brmappsvr:7018/Enquiries/CMENPROC.rpgle?ProductCode=' + $self;  
            $( this ).dialog( "close" );
            },
                "Future Requirements Forecast": function() { //cancel
                window.location.href = 'http://brmappsvr:7018/Enquiries/CMENPRF.rpgle?ProductCode=' + $self;    
                $( this ).dialog( "close" );
            }
        }

});

}）;

我遇到的问题是弹出窗口看起来是无意义的，而它只是出现取决于原始变量的内容，如果它是空的，则弹出窗口应该起作用

编辑：

原点显示在html页面上。

    <div align="left">Please click on the<strong> Product Code</strong>, to use it within the <div class="style1" id="origin"><%= (origin) %> program. </div></div>

Answer 1

.value()

中的语法错误

应该是

var origin = document.getElementById('origin').value;

而不是

var origin = document.getElementById('origin').value();

Answer 2

您已在同一按钮上附加了onclick和click事件：

从点击事件中取出此代码并添加autoOpen to false;

$( "#popup" ).dialog({
                autoOpen: false,
                modal: true,
                width: 465,
                draggable: true,
                buttons: {
                "Product Specification": function() { 
                window.location.href = 'http://brmappsvr:7018/Enquiries/CMENPROC.rpgle?ProductCode=' + $self;  
                $( this ).dialog( "close" );
                },
                    "Future Requirements Forecast": function() { //cancel
                    window.location.href = 'http://brmappsvr:7018/Enquiries/CMENPRF.rpgle?ProductCode=' + $self;    
                    $( this ).dialog( "close" );
                }
            }

    });

        $(".showOptions").click(function(){
           //based on the value open the dialog.
        }

并删除此onclick="programSelector(this.value)"

无论如何运行代码的问题

2 个答案: