javascript - 如何将不同的数据目标分配给不同的选项值，以便显示不同的模型？

Question

我尝试了两个 switch case 和 if else 语句来获得带有 id accept、reject、review 的模型，但没有一个对我有用。我只是想确认我是否在逻辑和语法方面做错了什么。

<select class="input-sm form-control" id="pendingbulk">
   <option value="0">Bulk Actions</option>
   <option value="1">Accept</option>
   <option value="2">Reject</option>
   <option value="3">Report</option>
</select>
<button class="btn btn-sm btn-default" id="pendingapply" data-toggle="modal">Apply</button>
<script>
   $("#pendingapply").click(function() {
   var action = $('#pendingbulk').val();
   switch(parseInt(action)) {
   case 1:
     $(this).data("target") === "#accept";
     break;
   case 2:
     $(this).data("target") === "#reject";
     break;
   case 3:
     $(this).data("target") === "#report";
     break;
   default:
   });
</script>

或

<script>
   $("#pendingapply").click(function() {
   var action = $('#pendingbulk').val();
   if (action = 1) {
     $(this).data("target") === "#accept";
   } else if (action = 2) {
     $(this).data("target") === "#reject";
   } else if (action = 3) {
     $(this).data("target") === "#report";
   };
   });
</script>

Answer 1

试试这个:

$("#pendingapply").on('click', function() {
 var action = $('#pendingbulk').val();
 var $t=$(this);
 switch(parseInt(action)) {
 case 1:
   $t.attr("data-target","#accept" );
   break;
 case 2:
   $t.attr("data-target","#reject" );
   break;
 case 3:
   $t.attr("data-target","#report" );
   break;
 default:
 }
});