gpt4 book ai didi

javascript - 如何创建在输入字段中记录两个不同值的 onclick 事件?

转载 作者:行者123 更新时间:2023-12-02 15:44:57 25 4
gpt4 key购买 nike

我正在尝试创建一个 onclick 事件,当您按下具有不同值的两个不同按钮时,它们将被添加到输入字段中。例如,当单击两个按钮时,输入值将显示为:“13577002, 13577003”。这可以吗?

< script >
function myFunction(name) {
document.getElementById("peep").value = name;
} < /script>
<html>

<body>
<table>
<tr>
<td><a onclick="myFunction('13577002')" data-toggle="modal" data-target="#myReserve" href="# style=" font-size:10px " class="btn btn-special-sm btn-color btn-xs ">RESERVE NOW</a></td>
<td><a onclick="myFunction( '13577003') " data-toggle="modal " data-target="#myReserve " href="# style="font-size:10px" class="btn btn-special-sm btn-color btn-xs">RESERVE NOW</a>
</td>
</tr>
</table>
<form>
<label>SKU:
<input type="text" name="sku" id="peep"></input>
</label>
</form>
</body>

</html>

最佳答案

为了防止不必要的添加,您可以执行以下操作:

 function myFunction(name) {
field=document.getElementById("peep");
if(field.value!='' && field.value.split(',').length<2 && field.value!=name) {
console.log(field.value.split(','));
field.value+=', '+name;
}
else if(field.value=='') {
field.value=name;
}


}

演示:http://jsfiddle.net/7mjv2sp2/3/实际上还需要一个附加条件,因此用户不能输入两个以上的值,并且它们必须不同......:)

关于javascript - 如何创建在输入字段中记录两个不同值的 onclick 事件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32280840/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com