Question

这整个Jquery对我来说都是新的。我有一些问题。我有一个表单，我无法得到我的文本输入。文本输入具有当用户从日期控件中选择日期时动态创建的数据列表。当我调用日期值时，我得到所选的值。当我尝试调用输入值时，它是 undefined 。我不知道为什么它无法打电话的原因是什么。有人可以帮助或指出我正确的方向。

＆＃13;

function Function1() {
  console.log($("#inp_encounterdate").val());
  $.ajax({
    url: "photoapp.asmx/stuff",
    data: "selected_enc_date=" + $("#inp_encounterdate").val(),
    success: OnGetFunction1Success,
    error: OnGetFunction1Error
  });
}

function OnGetFunction1Success(msg, status) {
  console.log("Success OnGetProviderSuccess");
  console.log(msg);
  var provider_list = msg;
  $('#provider_data').empty();
  $(provider_list).find("Provider").each(function() {
    optionRow = "<option id='" + $(this).find("provider_id").text() +
      "' value='" + $(this).find("name").text() + "'/>";
    console.log(optionRow);
    $('#provider_data').append(optionRow);
  })
}

function OnGetFunction1Error(data, status) {
  console.log("Error: OnGetProviderError: " + status);
}

function Function2() {
  console.log("enc_date=" + $("#inp_encounterdate").val()); // I get the value from the date picker.
  console.log("provider_id=" + $("#inp_provider").val()); // ERROR HERE: I can't get the value, I get 'undefined' 
  $.ajax({
    url: "photoapp.asmx/something2",
    data: "enc_date=" + $("#inp_encounterdate").val() + "&" + "provider_id=" + $("#inp_provider").val(),
    success: OnGetEncountersSuccess,
    error: OnGetEncountersError
  });
}

function OnGetFunction2Success(data, status) {
  console.log(data);
  var encounter_list = data;
  $('#encounter_data').empty();
  var optionRow = "";
  $(encounter_list).find("Encounter").each(function(index, encounter) {
    optionRow = "<option data-value='" + $(this).find("id").text() +
      "'>" + $(this).find("patient_name").text() + " (" + $(this).find("time").text() + ")" + "</option>";
    console.log(optionRow);
    $('#encounter_data').append(optionRow);
  });
}

function OnGetFunction2Error(data, status) {
  console.log("OnGetEncountersError: " + status);
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form id="frmSnap" method="post" action="" role="snap" onsubmit="">
  <div class="col-xs-12">
    <input type="date" id="inp_encounterdate" placeholder="Encounter" required onchange="Function1()" class="form-control input-lg" />
    <span class="fa fa-calendar fa-lg"></span>
    <div class="col-xs-12">
      <input type="text" name="inp_provider" placeholder="Provider" required class="form-control input-lg" list="provider_data" onchange="Function2()" />
      <span class="fa fa-user-md fa-lg"></span>
    </div>
</form>

＆＃13;

Answer 1

你的inp_provider是不是id的名字。

#hash是css id选择器。

尝试：

$('input[name=inp_provider]').val();

Answer 2

您可以编辑JQuery选择器：

instead of $("#inp_provider").val(), put $("input[name=inp_provider]").val()

html jquery无法获得输入值

2 个答案: