当我使用 javascript 选择默认下拉值时，它不会触发更改

Question

我有一个文本字段和一个日期文本字段。我试图将它们与Javascript连接起来，但我遇到了一个问题。我的脚本是:

         <script>
            $("#solDate").change(function () {
                if ($(this).val().trim() == '') {
                    $("#caseStatus").val('In Progress');
                    $("#solvedBy").val('Pick an option');
                    $("#solvedBy").change();
                }
                else if ($(this).val().trim() != '' && $("#solvedBy").val().trim() == '') {
                    $("#caseStatus").val('Solved');
                    $("#solvedBy").val('Please, pick the issue solver');
                    $("#solvedBy").change();
                }
            });
        </script>

当从日历中选择日期时，应该设置一个值'Please, pick the issue solver'。

然后，如果您偶然输入日期，它应该返回先前的默认值- "Pick an option"。

在这两种情况下，都会触发一个更改。

然后，另一个触发器监听这些更改。

<script>
        $("#solvedBy").change(function () {
            if ($(this).val() == 'Please, pick the issue solver') {
                $("#saveBtn").attr('disabled', true);
                $("#slvByValMsg").text('You have solution date and no solver');
            }
            else if ($(this).val().trim() == '' && $("#solDate").val().trim() != '') {
                $("#saveBtn").attr('disabled', true);
                $("#slvByValMsg").text('You have solution date and no solver');
            }
            else {
                $("#saveBtn").attr('disabled', false);
                $("#slvByValMsg").text('');;
            }
        });
    </script>

在我的故障排除之后，结果是，第一个脚本上的第一个if语句没有触发更改。这可能是因为它无法识别带有value "的默认选择选项。我不确定。无论如何，当我从文本字段中删除日期时，另一个文本字段的值不会更改为"Pick an option"，而是改为"。

HTML代码:

 @Html.LabelFor(model => model.Solution_Date, htmlAttributes: new { @class = "control-label col-md-2" })<sup> 1 </sup>
 <div class="col-md-10">
      @Html.TextBoxFor(model => model.Solution_Date, new { @id = "solDate", @class = "one", @type = "datetime" })
      <br />
      @Html.ValidationMessageFor(model => model.Solution_Date, "", new { @class = "text-danger" })
 </div> 
@Html.LabelFor(model => model.Solved_by, htmlAttributes: new { @class = "control-label col-md-2" })
<div class="dropdown">
     @Html.DropDownListFor(model => model.Solved_by, (IEnumerable<SelectListItem>)ViewBag.SlvBy, "Pick an option", new { @id = "solvedBy" })
<br />
@Html.ValidationMessage("Solved_by", "", new { @id = "slvByValMsg", @class = "text-danger" })
</div>

我知道可能有更好的方法来做到这一点，但我正在寻找一个解决方案，主要是因为我不知道为什么这个变化触发器不触发。

提前感谢!

Answer 1

我已经找到了问题的原因。结果是

$("#solvedBy").val('Pick an option');

不能执行，因为这是默认选项，它后面的值是"。这一定会扰乱.change()触发器，并在其他脚本中造成混乱。

我改成

$("#solvedBy").val('');

…