javascript - 根据 php 的结果禁用输入

Question

我正在使用所选的插件来创建动态选择和输入。我想做的是，根据 php 的结果，而不是默认占位符，将文本附加到占位符并禁用输入。

目前，回显显示在选择中，我可以更改它以反射(reflect)任何代码更改。我想也许有一个 if 语句来检查“数据”的值，以及它是否==“该框中没有文件”，但我仍在学习，因此需要一些帮助。我需要禁用的输入是:#file_dstr。

我已经研究了可能实现这一目标的各种方法，但遗憾的是我缺乏 jQuery 技能。如果有人能帮助我实现这一目标，我将不胜感激。非常感谢。

插件:http://harvesthq.github.io/chosen/options.html

html

<div class="fieldset">
   <h1><span>Select Your File(s)</span></h1>
     <p>
      <select data-placeholder="Choose your file(s)..." class="chosen-select" name="file_dstr[]" id="file_dstr" multiple required="required">
        <option value=""></option>

       </select><span></span>
      </p>
 </div>

jquery

submitHandler: function ()
{
  if ($("#USRfiledstr").valid() === true)
  {
    var data = $("#USRfiledstr").serialize();

    $.ajax(
    {
      type: "POST",
      url: "fdstr.php",
      data: data,
      dataType: "json",

      success: function (data)
      {
        if (data.opp == 'error')
        {
          var messageOutput = '';
          for (var i = 0; i < data.length; i++)
          {

            messageOutput += data[i].file + '  ';

          }

          notif({
            msg: "There was an error destroying the following file: "  + '<br /><br />' + '<b><font color=\"black\">' + data.file + '</font></b><br /><br />' + ' Please correct this error and try again.<br />If this error persists, please contact us quoting ref: ' + '<b><font color=\"#fbf66a\">' + '#FDSTR0001.<br />' + '</font>' + '<br />' + 'Thank you.',
            type: "frtvError",
            position: "center",
            width: 490,
            height: 75,
            multiline: true,
            timeout: 6000,
            opacity: 0.8,
            fade: 10,
        });
        }
        else
        {
          var messageOutputs = '';
          for (var i = 0; i < data.length; i++)
          {

            messageOutputs += data[i].file + '  ';

          }

          $("#USRfiledstr").get(0).reset();
          $("#file_dstr").load("refreshFdstr.php");
          //$(".chosen-select").val('').trigger("chosen:updated");
          $("#fdstr_dept").trigger("chosen:updated");
          $("#fdstr_address").trigger("chosen:updated");

          notif({
            msg: "You have successfully destroyed the following file(s)."  + '<br /><br />' + '<b><font color=\"black\">' + data.file + '</font></b><br /><br />' + ' This transaction was successfully entered into the database.<br />Thank you.',
            type: "FileRtvSuccess",
            position: "center",
            width: 490,
            height: 75,
            multiline: true,
            timeout: 6000,
            opacity: 0.9,
            fade: 10,
        });
        $("#fdstrbox_add_chosen").find('option:selected').remove();
        $("#fdstrbox_add").html('');
        $("#fdstrbox_add").trigger("chosen:updated");
        $("#file_dstr_chosen").find('option:selected').remove();
        $("#file_dstr").html('');
        $("#file_dstr").trigger("chosen:updated");
        }

      }
    });
  }
}

php

echo "<option value='No files in that box'>No files in that box</option>";

Answer 1

如果你有一个变量$noFiles，如果没有文件则为 true，否则你可以这样做:

<select data-placeholder="Choose your file(s)...<?= $noFiles?' some extra text':''; ?>" class="chosen-select" name="file_dstr[]" id="file_dstr" multiple required="required"<?= $noFiles?' disabled':''; ?>>