javascript - 通过 JavaScript 根据提交结果更改网页内容

Question

我有一个 HTML 表单，如下所示:

下拉框有“二进制”、“十进制”和“十六进制”选项。根据下拉框的值，“要转换的字符串”文本框的值会发生更改。提交表单后，文本框中的字符串将转换为用户选择的基数，然后在 JavaScript 警报中转发回用户。

这是我遇到问题的地方:

我正在尝试更改表单将转换后的字符串转发回用户的方式。我的目标是让网站用用户的原始字符串和转换后的字符串覆盖表单。我尝试使用利用 InnerHTML 的方法，并简单地将文本框中的值更改为转换后的字符串。第一个方法什么也不做；第二个清空文本框。

下面链接了包含我的代码的工作版本的 JSFiddle。

JSFiddle of my Code

现在我正在返回字符串:

alert("Your binary string " + stringToConvert + " is equal to " + decimalSum + " in decimal!");

这就是我想要更改的内容(几个部分中有几个这样的语句)。

我链接到的代码版本是一个工作版本，几乎与我网站上的版本相同。这意味着我所做的任何编辑当前都不在其中。

HTML 和 JavaScript 是单独的文件。

我更喜欢纯 JS，但只要它可以实现到我当前的设置中，就没有太大区别。只要我能让它发挥作用，我就会接受任何实现中的答案。

如果您能提供任何帮助，我们将不胜感激。预先感谢您。

Answer 1

使用 jQuery:

$('#StringToConvert').val("Your binary string " + stringToConvert + " is equal to " + decimalSum + " in decimal!"); 

会工作得很好。我不完全确定使用纯 JS，但由于您没有明确声明没有 jQuery，所以我假设您可能正在使用它。