0

当 a[name="tip"]具有第一个值时，显示特定元素，否则将显示另一个元素。

两个元素都有display:none属性。当我加载页面时，我检查选择值并自动淡入所需的元素。

一切正常，除非我尝试更改所选选项：没有任何反应。我将 javascript 添加onchange到该项目和 jquery 中.change()，但没有任何反应。你能告诉我为什么它在我的例子中不起作用吗？

<form id="fm-account-properties-tab" method="POST">
<table width="300px" style="margin-top:10px;" align="center" >

    <tr>
        
        <td align="left">
        <select class="easyui-combobox" name="tip" style="width:200px;" class="easyui-validatebox" required="true" onchange="changeType();">
                    <option value="l1">l1</option>
                    <option value="l2">l2</option>
                    <script>
                        $(document).ready(function(){
                            $('[name="tip"]').val('<?php echo $a['tip'];?>');
                        });
                    </script>
        </select>
        </td>
    </tr>
    <tr id="l1" style="display:none">

        <td align="left">
        <select class="easyui-combobox" name="l1"  style="width:200px;" class="easyui-validatebox" required="true">
                    
        </select>
        </td>
    </tr>
    <tr id="l2" style="display:none">

        <td align="left">
        <select class="easyui-combobox" name="l2"  style="width:200px;" class="easyui-validatebox">
                    
                    
        </select>
        </td>
    </tr>
</table>
</form>

<script>
function changeType()
{

if($('[name="tip"]').val()=='l1')
    {
    $('#l1').fadeIn();
    $('#l2').hide();
    }
else
    {
    $('#l2').fadeIn();
    $('#l1').hide();
    }
}



$(document).ready( function () {
        
        changeType();

            $('[name="tip"]').change(function(){ alert('1');});//it never alerts me
    });
4

3 回答 3

1

用于.on较新的 jQuery 版本（jQuery > 1.7.x参考）

function changeType() {
    if ($('[name="tip"]').val() == '___') {
        $('#1').fadeIn();
        $('#2').hide();
    } else {
        $('#2').fadeIn();
        $('#1').hide();
    }
}

$(document).ready(function () {
    changeType();
    $('select[name="tip"]').on('change', function() {
        changeType();
    });
});

你的选择有一个双重类属性。

这是一个工作示例http://jsfiddle.net/tvhKH/

于 2013-07-03T12:38:36.913 回答
0

可能是您应该js error event用来找出该代码中的错误。例如，<script> try {....all your codes here...} catch(err) {alert("THE ERRor" + err.message);} </script>。这些代码将提醒您的错误及其发生的确切点。祝你好运！

于 2013-07-03T12:28:42.580 回答
0

首先，您应该尝试添加一个

console.log("It works");

或一个

alert("It works")

在您的方法中，以便您知道它是否实际被调用。

然后我认为问题可能来自 FadeIn() 仅适用于具有 css {display: none} 且可见性与“隐藏”不同的元素，所以你确定你的元素是？如有疑问，您可以更换

.fadeIn();

经过

.css('visibility','visible').hide().fadeIn(); // hide() does the same as display: none

然后请让我知道您是否在这样做后有更多信息。

于 2013-07-03T12:30:31.460 回答