Javascript 如何在选择时更改文本?
在提问之前,我想说的是,我正在一个网站上工作,仍然是一个初学者和编码方面的新手 所以我需要知道如何做到这一点:我在一个选择框中选择一个数字,它旁边的数字将更改为我选择的数字。如果你需要更多的信息,我会补充一些只是问 谢谢, 摇摆斑马Javascript 如何在选择时更改文本?,javascript,html,text,Javascript,Html,Text,在提问之前,我想说的是,我正在一个网站上工作,仍然是一个初学者和编码方面的新手 所以我需要知道如何做到这一点:我在一个选择框中选择一个数字,它旁边的数字将更改为我选择的数字。如果你需要更多的信息,我会补充一些只是问 谢谢, 摇摆斑马 编辑:我仍在尝试收集我网站的所有代码,因此无法显示任何内容。我已尝试在w3schools等网站上查找,但找不到任何内容。您可以使用选择框上的事件侦听器获取所选编号,然后更改文本 您可以在纯javascript中实现这一点,也可以使用jQuery,这是一个非常有用的j
编辑:我仍在尝试收集我网站的所有代码,因此无法显示任何内容。我已尝试在w3schools等网站上查找,但找不到任何内容。您可以使用选择框上的事件侦听器获取所选编号,然后更改文本 您可以在纯javascript中实现这一点,也可以使用jQuery,这是一个非常有用的javascript库 下面是关于使用jQuery的更多信息 例如:
$("#input").change(function(){
alert("The text has been changed.");
});
现在,您所要做的就是读取选择框中的值,然后将其显示在所需的位置
这里还有一个示例向您展示结果。使用jQuery,您可以执行以下操作:
<div>
<select name="mySelect">
<option value="1">1</option>
...etc.
</select>
<div id="myNumber">
would like my number here
</div>
1.
等
我要我的电话号码
... 还有一些jquery
<script>
$('select[name=mySelect]').change(function(){
$('#myNumber').text( $(this).val() );
});
</script>
$('select[name=mySelect]')。更改(函数(){
$('#myNumber').text($(this.val());
});
我认为$(this).val()将返回所选的option元素,但它可能是$(this+'option:selected').val(),或者如果您只将数字作为内容,则返回$(this+'option:selected').text()是的,到目前为止您的代码听起来是可行的。你试过什么?(我们总是想先看看你有什么,初学者与否。)如果你对html和javascript非常熟悉并理解这一点,使用onchange方法触发javascript函数,更改ITJSIDLE旁边的数字。使用jQuery或任何其他javascript框架会有帮助吗?