Question

我试图使用Ajax将颜色的十六进制值存储到我的产品表中，而无需单击按钮。我尝试过使用change和click事件，但在这种情况下它们都不起作用。我想知道我应该使用哪个事件来使用Ajax（Jquery）获取值（十六进制）值。

＆＃13;

$(document).on("click", "#prod_color", function(event){
	event.preventDefault();
	var a=$("#prod_color").val();
	console.log(a);
})

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<tr>
  <th>Color</th>
    <td><input type="color" name="color" id="prod_color"></td>
  </tr>

＆＃13;

Answer 1

是change。虽然它只会在颜色值实际发生变化时触发，这意味着如果您尝试使用颜色图并且值始终为#000000，那么它将不会触发更改。

＆＃13;

$(document).on("change", "#prod_color", function(event) {
  var a = $("#prod_color").val();
  console.log(a);
})

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="color" name="color" id="prod_color">

＆＃13;

按下＆＃34; color＆＃34;会触发哪个事件。输入HTML5

1 个答案: