使用jQuery更改輸入類型數字值

Question

所有其他屬性更改似乎都可以在模式中正常運行。 模態中的評級按鈕在加載時不會加載其值。 但檢查元素似乎顯示正確的額定值。 我是php和jquery的新手。 請原諒我上述代碼中實現的愚蠢編程方法。 任何幫助將不勝感激。

HTML：

<div class="item" style="width: 400px; height: 230px">
  <!-- Link trigger modal -->
  <a data-img-url="upload/&lt;?php echo $row['image_name'] ?&gt;" data-toggle=
  "modal" href="#myModal" id="<?php echo $row['image_id'] ?>" onclick=
  "modalload(this.id, '&lt;?php echo $row['image_title'] ?&gt;' , '&lt;?php echo $row['image_description'] ?&gt;', &lt;?php echo $TAVG ?&gt; );"><img class="img-responsive carousal_scale"
  src="upload/%3C?php%20echo%20$row['image_name']%20?%3E"></a>

  <div class="carousel-caption">
    <p><?php echo $row['image_title'] ?></p>
  </div>
</div><!-- Modal -->

<div class="modal fade modal-dialog modal-content" id="myModal" tabindex="-1">
  <div class="modal-header">
    <button class="close" data-dismiss="modal" type=
    "button"><span>&times;</span><span class="sr-only">Close</span></button>

    <h2 class="modal-title" id="myModalLabel"></h2>
  </div>

  <div class="modal-body well">
    <img class="img-responsive carousal_scale" src=""> <input class="rating"
    data-size="xs" id="" max="5" min="0" onchange="test(this.id, this.value);"
    step="0.1" style="alignment-adjust: auto;" type="number" value="">
  </div>

  <div>
    <p style="text-align: center; font-size: 15px;"></p>
  </div>

  <div class="modal-footer">
    <button class="btn btn-default" data-dismiss="modal" type=
    "button">Close</button>
  </div>
</div>

JS：

 $(document).ready(function() {
   $(".rating-kv").rating();
 });

 function modalload(id, title, description, avg) {
   alert(avg);
   //    alert(description);     
   $('#myModal img').attr('src', $('#' + id).attr('data-img-url'));
   $('#myModal input').attr('value', avg);
   $('#myModal input').attr('id', id);
   $('#myModal h2').text(title);
   $('#myModal p').text(description);
 }

 function test(id, val) {
   var pic_id = id;
   var pic_val = val;
   $.ajax({
     type: 'POST',
     url: 'rating.php',
     data: {
       'pic_id': pic_id,
       'pic_val': pic_val
     },
   }).done(function(data) {
     //  alert(data);      
   });
 }

Answer 1

“模態中的評級按鈕在加載時不會加載其值。” 您目前有你modalload()函數只能激活上的點擊a標記，以便你的等級是不會得到它的價值/ ID填充上的負載，而是基於點擊。

在您的modalload()函數中嘗試此操作，

$('.rating').attr('value', avg);
$('.rating').attr('id', id);

另外，請注意，沒有jQuery rating()函數，並且您的HTML中沒有帶有class rating-kv類的元素，因此下面的代碼將無效。

$(".rating-kv").rating();

換句話說，您有很多不良的編碼實踐和不完整的代碼。 您應該考慮修改現有內容，然后重新發布。