The next code resides on the wordpress site. It's a donation website landing page where one can choose from the dropdown list, a category for the donation. Upon choosing a category a control button shows and enables the consumer to carry on using their donation(presently disabled). Is effective in Safari, IE and Opera, nothing. Can anybody provide any help. Thanks ahead of time. Code to follow along with.

Dork

    <p class="donate2">Donate Now</p>
    <table cellpadding="0" cellspacing="0" style="padding:0; width:890px; border:0 !important"><tr><td style="padding:0; border:0 !important;"><p>Our Mission is to give hope and a future back to children who are suffering through debilitating and life threatening illness. We are so very fortunate to have a wonderful team of volunteers and a base of generous donors which support these essential programs for children stricken with serious illness.</p>
    <p>Please use the following link to the right to make your payment via our secure checkout. All donations are 100% tax deductible. Payments for events may only be partially tax deductible. The Gambino Medical and Science Foundation is a 501(c) NonProfit, Tax Exempt Organization. (Federal Tax Exempt No. 13-3586460)</p></td>
    <td style="padding:0; border:0 !important">

    <script>
        function click(frm,value,button) {
            alert(value);
            frm.LinkId.value = value;
            if (value != "") {
                alert('Works');
                document.getElementById(button).style.display = "block"; 
            } else {
                alert('Works2');
                document.getElementById(button).style.display = "none"; 
            }
        }
    </script>

    <form style="float:right; margin-bottom: 100px; margin-left: 105px;" name="PrePage" id="Prepage" method ="post" action= "https://Simplecheckout.authorize.net/payment/CatalogPayment.aspx">
    <select size="1" width="100" name="selectbox" id="selectbox" onchange="click(document.PrePage,document.PrePage.selectbox.options[selectedIndex].value,'button');" >
    <option selected value=""></option>
    <option value="4671dbc4-02ca-459d-8a46-c0783d38319e">General Donation</option>
    <option value="2">Dinner</option>
    </select>
    <input type="hidden" name="LinkId" id="LinkId" value="" /><input id="button" style="display:none;" type="image" src ="wp-content/themes/adsimple/i/donate_button.gif" /></form></td></tr></table>

Alter the function's title to notClick and it'll work.

Exactly why your original code works in Chrome, although not in IE and (some versions of) Opera would be that the <select> tag includes a click() method within the latter two, although not in Chrome.

Therefore, the click() in <select onchange="click()"> will get construed as this.click(), which really models a click the choose box.

In Chrome, such function doesn't exist, so click() will get construed as window.click(), the function you defined.

do this:

<select size="1" width="100" name="selectbox" id="selectbox" onchange="click(document.PrePage,document.PrePage.selectbox.options[this.selectedIndex].value,'button');" >
<option selected value=""></option>
<option value="4671dbc4-02ca-459d-8a46-c0783d38319e">General Donation</option>
<option value="2">Dinner</option>
</select>