javascript - 如何在Enter键按下事件中获取输入值？

我试图在不按页面刷新的情况下按Enter提交表单。

这是我的代码。

PHP代码。

<form action="profile/update_profile" method="post" id="business_name_data">
 <input type="hidden" name="business_name" id="business_name"/>
</form>

update_profile函数

public function update_profile()
{
  json_encode($this->input->post('business_name'),true);
}

js代码

 jQuery(document).keyup(function(e){

   e.preventDefault();

    if(e.which == 13){
    jQuery.ajax({
                    type : "post",
                    url :  "../profile/update_profile",
                    data : "business_name="+jQuery("#business_name").val(),
                    dataType: "json",
                    success : function(msg)
                    {
                        console.log(msg);
                            //jQuery("div").find(".category_view").html(msg);
                            //jQuery("#1").css("visibility","visible");
                    }
          });
             }
          });

我正在尝试传递输入值，但它会输出null。
请帮忙。

最佳答案

试试这个

您必须将值设置为隐藏元素

<input type="hidden" value="busineesname" name="business_name" id="business_name"/>

jQuery(document).keyup(function(e){
    e.preventDefault();
    var code = (e.keyCode ? e.keyCode : e.which);
    if(code == 13){
    jQuery.ajax({
               type : "post",
               url :  "../profile/update_profile",
               data : {"business_name":jQuery("#business_name").val()},
               dataType: "json",
               success : function(msg)
               {
                        console.log(msg);
               }
             });
           }
        });

DEMO

关于javascript - 如何在Enter键按下事件中获取输入值？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/22652925/