当他已经有信息时，如何使用 javascript 检查共享点列表是否包含特定单词

Question

on my site I have list with column. One like "Status"(Choice column. Drop down menu) and when user change this column on Finished need alert him.

HTML code of list and JQuery code (Past on Script Editor on WepPart)

 $(document).ready(function(){ $(".ms-formbody").blur(function() { var Text = $(this).val(); if (Text == "Finished") { alert("Alert"); } }); });

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <tr> <td width="113" class="ms-formlabel" nowrap="true" valign="top"> <span class="ms-h3 ms-standardheader" id="Status"> <nobr>Status <span title="This is a required field." class="ms-accentText"> *</span> </nobr> </span> </td> <td width="350" class="ms-formbody" valign="top"> <!-- FieldName="Status" FieldInternalName="Status" FieldType="SPFieldChoice" --> <span dir="none"> <select title="Status Required Field" class="ms-RadioText" id="Status_30b2ab26-c1c0-48fd-b190-854b32fe67ca_$DropDownChoice"> <option value="Planned">Planned</option> <option value="Development">Development</option> <option value="Executing">Executing</option> <option selected="selected" value="Finished">Finished</option> <option value="Cancelled">Cancelled</option> </select> <br> </span> <span class="ms-metadata">Choice</span> </td> </tr>

Answer 1

Ok, a few issues here:

1) you're selecting completely the wrong element in the jQuery. Currently it will match a <td element, but that doesn't have any change or blur events, and it doesn't have a value either. You need to get hold of the dropdownlist in order to detect when it's changed. Given the HTML below, you can use the ms-RadioText class which the <select has got.

2) "blur" is the wrong event to handle - this will only occur if the user moves the focus away from the dropdown after they selected a value. You can't rely on this actually happening. "change" is the correct event.

3) Your exact requirement for what should occur when the select changes is unclear and appears (from the comments) to have changed since the question was posted, so I'm going to give an example where it simply reports the newly selected value in all scenarios. If you want to do something more specific than that, you can easily add an if statement or whatever you need.

Demo:

 $(document).ready(function(){ $(".ms-RadioText").change(function() { var Text = $(this).val(); alert(Text); }); });

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <tr> <td width="113" class="ms-formlabel" nowrap="true" valign="top"> <span class="ms-h3 ms-standardheader" id="Status"> <nobr>Status <span title="This is a required field." class="ms-accentText"> *</span> </nobr> </span> </td> <td width="350" class="ms-formbody" valign="top"> <!-- FieldName="Status" FieldInternalName="Status" FieldType="SPFieldChoice" --> <span dir="none"> <select title="Status Required Field" class="ms-RadioText" id="Status_30b2ab26-c1c0-48fd-b190-854b32fe67ca_$DropDownChoice"> <option value="Planned">Planned</option> <option value="Development">Development</option> <option value="Executing">Executing</option> <option selected="selected" value="Finished">Finished</option> <option value="Cancelled">Cancelled</option> </select> <br> </span> <span class="ms-metadata">Choice</span> </td> </tr>

Answer 2

Use the code below to achieve it.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    $("select[title='Status Required Field']").change(function(){
        if($(this).val()=="Finished"){
            alert("Alert");
        }
    });
});
</script>