Javascript 无法使用jquery获取输入类型值

我试图通过以下方式获取输入类型文本的值：

$( document ).on( 'click', '.reset-to-default-img', function(e) {
    alert($('#image').val());
  });

当我点击按钮时，我得到了未定义的警报消息。我想得到这个值。不知道为什么。这是我的html：

  <p>
  <!-- Set Default Custom Image  -->
  <label for="widget-gallery-posts-widget[__i__][image]"></label>
  <input name="widget-gallery-posts-widget[__i__][image]" id="widget-gallery-posts-widget-__i__-image" class="widefat" type="text" size="36"  value="" />
  <button class="upload_image_button button button-primary" type="button">Upload Your Custom Default Image</button> <br /> <br />
          <img src="http://localhost/Gallery-Posts-Widget/wp-content/plugins/gallery-posts-widget/views/images/default-thumbnail.jpg"  id="custom-default-img" width="150" height="100" />
      </p>

上载自定义默认图像

我想获取此输入的值：

  <input name="<?php echo $this->get_field_name( 'image' ); ?>" id="<?php echo $this->get_field_id( 'image' ); ?>" class="widefat" type="text" size="36"  value="<?php echo esc_attr( $image ); ?>" />

您应该将method与method结合使用

你应该把method和method结合起来使用

从您的php方法中，您将获得id
widget gallery posts widget-\uu i\uu-image
而不是
image
，因此请按如下所示更改代码

$( document ).on( 'click', '.reset-to-default-img', function(e) {
    alert($('#widget-gallery-posts-widget-__i__-image').val());
  });

从您的php方法中，您将获得id
widget gallery posts widget-\uu i\uu-image
而不是
image
，因此请按如下所示更改代码

$( document ).on( 'click', '.reset-to-default-img', function(e) {
    alert($('#widget-gallery-posts-widget-__i__-image').val());
  });

带有
image
id的元素在哪里？当询问客户端发生了什么时，请向我们展示您的浏览器看到了什么，而不是生成它的PHP代码。理想情况下，使用堆栈片段（
[]
工具栏按钮）提供一个可运行的示例来演示问题。这将帮助您更快地获得好答案。我正在以以下方式生成id:id=”“这是什么“id=”“生成？所以您的id是
小部件库发布的小部件-\uu i\uu-image
而不是
image
具有
图像
id的元素在哪里？当询问客户端发生了什么时，向我们展示您的浏览器看到了什么，而不是生成它的PHP代码。理想情况下，使用堆栈片段（
[]
工具栏按钮）提供一个可运行的示例来演示问题。这将帮助您更快地获得好的答案。我正在以这种方式生成id:id=“”这个id=“”生成了什么？因此您的id是
widget gallery posts-widget-\uu I\uuu-image
而不是
image