Question

我想知道是否可以使用带有文本字段和按钮的HTML表单，其中输入字符串（例如5）并按下按钮，图像＆＃34; image5.jpg＆存储在服务器上的＃34;将在网页上呈现。

我相信它归结为编码按钮＆＃34;点击方法＆＃34;：

读取文本字段并为图像
最好更新图像（或将用户重定向到＆＃34; http://.../image5.jpg＆＃34;也可以这样做）

我对基本HTML并不十分熟悉，但如果我知道将完成哪项工作，我就可以将它们整合在一起。感谢。

Answer 1

<ImageView
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_weight="1"
    android:id="@+id/icon"/>
<TextView
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_weight="0"
    android:id="@+id/text1"
    android:gravity="center"
    android:layout_below="@+id/icon" />

JSFiddle： https://jsfiddle.net/0rn00L4a/

没有真实的图片可供展示，但如果您检查DOM，您会看到它将图像更改为

// DOM ready handler
$(function(){

  // Click on change image button handler
  $('#select').click(function(){

    // Get the value entered in the number input
    var image = $('#number').val();

    // Change the source of the image
    $('#image').attr('src', "http://somewebsite.com/image" + image +".jpg");
  });
});

因此，如果您输入正确的图像路径，只需按下按钮即可立即显示它们。

您可以在输入的<img id="image" src="http://somewebsite.com/image2.jpg">事件上执行此操作，但这有点刺耳。

网页按钮点击图片更新

1 个答案: