Question

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

我想在id =“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"
}));

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

4 个答案: