如何更改选择文本？

-2

在问之前，我想说我正在一个网站上工作，并且仍然是编码方面的初学者和新手。如何更改选择文本？

所以我需要知道如何做到这一点：我在选择框中选择一个数字，其旁边的数字更改为我选择的数字。如果你需要更多的信息，我会添加一些只是问。

感谢，摇摆斑马

编辑：我仍然在试图收集所有的代码为我的网站，所以不能显示任何东西，我已经尝试过环顾四周的网站如W3Schools的，但不能找到什么。

来源

2014-04-07 Rehan Zuberi

YES，你到目前为止的代码是 –

听起来可行。你有什么尝试？（我们**总是希望看到你有什么第一个，初学者或没有。） – George

如果你很熟悉HTML和JavaScript，并理解这一点，使用onchange方法来触发JavaScript函数，改变它旁边的数字 –

您可以在选择框上使用事件侦听器来获取选定的数字，然后更改文本。

你可以在纯javascript中使用它，或者使用jQuery，这是一个非常有用的javascript库！

下面是关于使用jQuery的change() event listener的更多信息。

例子：

$("#input").change(function(){ 
    alert("The text has been changed."); 
});

现在你需要做的是阅读在选择框中的值，然后显示它放在你想要它！

这里还有一个JSFiddle向你展示结果。

来源

2014-04-07 09:57:54 Theox

使用jQuery，你会做这样的事情：

<div> 
    <select name="mySelect"> 
    <option value="1">1</option> 
    ...etc. 
    </select> 
    <div id="myNumber"> 
    would like my number here 
    </div>

......以及一些jQuery的

<script> 
    $('select[name=mySelect]').change(function(){ 
    $('#myNumber').text($(this).val()); 
    }); 
</script>

我觉得$（本）.VAL（）将返回所选择的选项元素，但它可能是$（this +'option：selected'）。val（）或者如果只有数字作为内容，则$（this +'option：selected'）。text（）

来源

2014-04-07 09:59:17 SaminOz

如何更改选择文本？

回答

相关问题