Question

正如我在标题中提到的那样，我希望实现这样的情况......

而不是数字应该说＆＃34; - （sehr schlecht）， - （schlecht），0（ok），+（gut），++（sehr gut）

有太多的例子我们可以更改数字，但有关文字的内容。

我需要显示文字而不是数字。打开页面时，默认值将为例如＆＃34; Ok＆＃34;值，当你点击＆＃34; +＆＃34; ，输入字段中的文本应更改为gut，再次单击＆＃34; +＆＃34; ，输入应改为＆＃34; sehr gut＆＃34; 。同样的情况为＆＃34; - ＆＃34;

有什么建议吗？谢谢你提前

Answer 1

如果您的意思是在输入表单中旋转HTML5输入类型编号等字词？

你必须制作一个满足的DIV，并通过CSS使CSS看起来像一个表格。添加+和 - 按钮后，其位置绝对值与输入类型编号相似，之后只需使用JavaScript，放入数组的单词列表并使用+和 - 按钮旋转。

[快速示例] [1]

.input-spin{
  display:block;
  border:1px solid #ccc;
  position:relative;
  min-height:22px;
}

.input-btn{
  position:absolute;
  right:0;
  top:0;
  padding:2px 3px;
  width:15px;
  font-size:13px;
  font-family:console;
  background:#f1f1f1;
  line-height:10px;
  text-align:center;
  cursor:pointer;
}
.input-btn:hover{
  background:#ccc;
}
.input-btn.minus{
  top:13px;
}
.input{
  padding:5px 10px;
  margin-right:25px;
}

<div class="input-spin">
  <div class="input" contenteditable="true"></div>
  <div class="input-btn plus">+</div>
  <div class="input-btn minus">-</div>
</div>

Answer 2

我找到了完全符合我需求的解决方案

Demo

加/减按钮改变文本而不是数字

2 个答案: