我有一个 HTML 表单,如下所示:
下拉框有“二进制”、“十进制”和“十六进制”选项。根据下拉框的值,“要转换的字符串”文本框的值会发生更改。提交表单后,文本框中的字符串将转换为用户选择的基数,然后在 JavaScript 警报中转发回用户。
这是我遇到问题的地方:
我正在尝试更改表单将转换后的字符串转发回用户的方式。我的目标是让网站用用户的原始字符串和转换后的字符串覆盖表单。我尝试使用利用 InnerHTML 的方法,并简单地将文本框中的值更改为转换后的字符串。第一个方法什么也不做;第二个清空文本框。
下面链接了包含我的代码的工作版本的 JSFiddle。
现在我正在返回字符串:
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,所以我假设您可能正在使用它。
关于javascript - 通过 JavaScript 根据提交结果更改网页内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31792750/