javascript - 使用 jQuery 的 .innerHTML 属性插入输入框

Question

我是第一次使用 jQuery。我一直在寻找很多，但没有得到答案。

我想在 id="star" 和 value="score Star" 处插入一个输入类型，但我不能这样做。分数返回数值。我认为问题出在 value 属性中，但我不知道在哪里。提前致谢。

这是代码：

<script type="text/javascript">
            $(function() {
                $('#click').raty({
                    click: function(score) {
                        document.getElementById('star').innerHTML="<input type='text' name='type' value='"score+ "' Star >";
                        //alert( 'score: ' + score);

                        }
                    });
                });
</script>



          <label>Deal Type:</label>
         <div id="click"></div><span  id="star"></span></div>

Answer 1

您没有连接字符串，也没有正确引用值

.innerHTML="<input type='text' name='type' value='"score+ "' Star >";

应该

.innerHTML="<input type='text' name='type' value='" + score + " Star' >";

Answer 2

您没有正确编写代码

.innerHTML="<input type='text' name='type' value='"score+ "' Star >";

它应该是

.innerHTML="<input type='text' name='type' value='"+score+" Star' >";

Answer 3

<script type="text/javascript">
            $(function() {
                $('#click').raty({
                    click: function(score) {
                        document.getElementById('star').innerHTML="<input type='text' name='type' value='"+score+ " Star'>";
                        //alert( 'score: ' + score);

                        }
                    });
                });
</script>



          <label>Deal Type:</label>
         <div id="click"></div><span  id="star"></span></div>

Answer 4

更好的方法是实际创建一个输入 DOM 对象并附加它：

$('#star').append($('<input/>').attr({
    type: "text",
    name: "type",
    value: score + " Star"
}));