自動填充數據被javascript的onchange事件覆蓋

Question

所以我面臨一個非常煩人的問題。 我最初有一個帶有所有空字段的表格。 現在，用戶可以通過選擇單選按鈕“是”來使用默認值集。

如果用戶選擇使用默認值集，那么我將使用腳本使用默認值集填充所有表單字段。 到目前為止一切都很好。

問題是我的選擇下拉列表未設置為默認值。 調試后，我發現它已被設置，但隨后觸發了JS的On Change事件，該事件正在用ajax響應中的數據集填充下拉列表。

如果用戶未單擊下拉列表並更改了某些內容，則如何停止觸發更改事件。

Answer 1

<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>

<input type="radio" value="1" name="rdChoice"> Yes! Set Default Value
<input type="radio" value="0" name="rdChoice"> No! I have to fill data

<hr>

First Name : <input type="text" name="txtFirstName" id="txtFirstName"><br>
Last Name : <input type="text" name="txtLastName" id="txtLastName"><br>

Country : 
<select onchange="getState()" id="selCountry">
    <option>Choose</option>
    <option>India</option>
    <option>Japan</option>
    <option>US</option>
</select>

</body>
</html>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">

    function getState()
    {
        console.log("get state");   
    }

    $(function()
    {
        $( 'input[name="rdChoice"]:radio' ).change(
            function()
            {
                if(this.value==1)
                {
                    $("#txtFirstName").val("Paresh");
                    $("#txtLastName").val("Gami");
                    $("#selCountry").val("India");
                }
                else
                {

                }
            }
        );

    });

</script>

如果用戶單擊選擇框，則僅調用getState。

自動填充數據被javascript的onchange事件覆蓋

問題描述

1 個解決方案

解決方案1
1 2016-01-16 07:36:59

自動填充數據被javascript的onchange事件覆蓋

問題描述

1 個解決方案

解決方案1 1 2016-01-16 07:36:59

解決方案1
1 2016-01-16 07:36:59