使用jQuery设置输入字段的值

bfrts1fy 于 2023-08-04 发布在 jQuery

关注(0)|答案(6)|浏览(139)

我想用jQuery在输入字段中添加一些值。输入字段的ID有问题。我使用的ID是options[input2]。在这种情况下，我的代码不起作用。如果我使用像input2这样的ID，那么它工作得很好。我需要使用options[input2]，如何修复代码？

HTML：

<div>
    <h3>Working</h3>
    <input id="input1" type="text" value="" />
    <input class="button" type="button" value="Add value" />
</div>
<div>
    <h3>Not working</h3>
    <input id="options[input2]" type="text" value="" />
    <input class="button" type="button" value="Add value" />
</div>

字符串

jQuery：

$('.button').click(function(){
    var fieldID = $(this).prev().attr("id");
    $('#' + fieldID).val("hello world");
});

型

Demo：

http://jsfiddle.net/4XR8M/

jquery

来源：https://stackoverflow.com/questions/18655295/set-value-to-input-field-with-jquery

6条答案

按热度按时间

bq9c1y661#

你可以像下面这样做。

$(this).prev('input').val("hello world");

字符串
Live Demo

赞(0）回复(0）举报 2023-08-04

wh6knrhe2#

您可以简单地使用

$(this).prev().val("hello world");

字符串
JSFiddle Demo

赞(0）回复(0）举报 2023-08-04

yruzcnhs3#

你必须转义[和]。试试这个：

$('.button').click(function(){
    var fieldID = $(this).prev().attr("id");
    fieldID = fieldID.replace(/([\[\]]+)/g, "\\$1");
    $('#' + fieldID).val("hello world");
});

字符串
演示：http://jsfiddle.net/7RJtf/1/

赞(0）回复(0）举报 2023-08-04

tyu7yeag4#

$.each(obj, function(index, value) {
    $('#looking_for_job_titles').tagsinput('add', value);
    console.log(value);
});

字符串

赞(0）回复(0）举报 2023-08-04

xtfmy6hx5#

您可以简单地使用**$（this）.prev（）.瓦尔（“hello world”）;**

赞(0）回复(0）举报 2023-08-04

xienkqul6#

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.3/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $("#10").click(function(){
    $("input:text").val("10");
  });
  $("#20").click(function(){
    $("input:text").val("20");
  });
  $("#30").click(function(){
    $("input:text").val("30");
  });
  $("#40").click(function(){
    $("input:text").val("40");
  });
  $("#50").click(function(){
    $("input:text").val("50");
  });
  
});
</script>
</head>
<body>

<p>Name: <input type="text" name="user"></p>

<button id="10">Apply Discount 10%</button><br>
<button id="20">Apply Discount 20%</button><br>
<button id="30">Apply Discount 30%</button><br>
<button id="40">Apply Discount 40%</button><br>
<button id="50">Apply Discount 50%</button><br>

</body>
</html>

字符串

赞(0）回复(0）举报 2023-08-04

我来回答

使用jQuery设置输入字段的值

6条答案

相关问题

热门标签

最新问答