javascript - jquery从选择值设置html不起作用

Question

我还没怎么用过jquery，对它也不是很熟悉。

尝试执行以下操作:

// JavaScript Document

$(document).ready(function()
{
    $('#day').change (function () 
    {

//next 行在这里可以工作，但如果放在 $.get 之后则不行

        var day =  $('#day').val() ;

    $("#test").html(day);

        $.get('http://www.sharingizcaring.com/schedule/menutest.php', { day: $('#day').val() },      
        function(data) 
        {
          $("#test").html( data );
         });
    });    
});

将 .html 设置为 blah blah 有效。但是如果我切换操作以使用选择项 #day 的值

一天是 <select>标签。

此外，代码在 $.get() 函数之上也能正常工作。

它不起作用。

Answer 1

通常，我希望您将返回值设置为从服务器返回的值。为此，您需要向回调函数添加一个参数并引用其值。我假设您的 menutest 方法返回包含"new"日期输入的 HTML。

$.get('http://www.sharingizcaring.com/schedule/menutest.php',
      { day: $('#day').val()  },      
      function(data) {
          $("#test").html( data );
      }
);