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

Changing the content of a web page, through JavaScript, by the result of a submission

我有一个 HTML 表格,如下所示:

下拉框有"Binary"、"Decimal"、"Hexadecimal"选项。根据下拉框的值,更改 "String To Convert" 文本框的值。提交表单时,文本框内的字符串将转换为用户选择的基数,然后在 JavaScript 警报中转发回用户。

这是我遇到问题的地方:

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

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

JSFiddle of my Code

现在我正在返回字符串:

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

这就是我要更改的内容(在几个部分中有几个这样的陈述)。

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

HTML 和 JavaScript 是单独的文件。

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

如能提供任何帮助,我们将不胜感激。提前谢谢你。

使用jQuery:

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

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