Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/76.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Jquery-在某些条件匹配时向输入字段添加属性_Javascript_Jquery - Fatal编程技术网

Javascript Jquery-在某些条件匹配时向输入字段添加属性

Javascript Jquery-在某些条件匹配时向输入字段添加属性,javascript,jquery,Javascript,Jquery,我不知道这是否可以用Jquery/Javascript实现 本案: 我有一个隐藏的输入字段和一个选择字段,当我在选择字段上选择值>=1的选项时,我需要在隐藏的输入字段中添加“value=”1“ <input id="id-1-biketype" type="hidden" name="1-biketype"> <select id="id-1-units" name="1-units"> <option selected="selected" value="

我不知道这是否可以用Jquery/Javascript实现

本案:

我有一个隐藏的输入字段和一个选择字段,当我在选择字段上选择值>=1的选项时,我需要在隐藏的输入字段中添加“value=”1“

<input id="id-1-biketype" type="hidden" name="1-biketype">
<select id="id-1-units" name="1-units">
    <option selected="selected" value="">0</option>
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
    <option value="6">6</option>
    <option value="7">7</option>
    <option value="8">8</option>
    <option value="9">9</option>
    <option value="10">10</option>
    <option value="11">11</option>
    <option value="12">12</option>
    <option value="13">13</option>
    <option value="14">14</option>
    <option value="15">15</option>
    <option value="16">16</option>
    <option value="17">17</option>
    <option value="18">18</option>
    <option value="19">19</option>
    <option value="20">20</option>
    <option value="999">+20</option>
</select>

0
1.
2.
3.
4.
5.
6.
7.
8.
9
10
11
12
13
14
15
16
17
18
19
20
+20
因此,隐藏的输入如下所示:

<input id="id-1-biketype" type="hidden" name="1-biketype" value="1">

有没有关于如何做到这一点的线索,如果可能的话

致以最诚挚的问候,

jQuery可以做到这一点:

$("#id-1-units").change(function() {
    if (this.value >= 1) {
        $("#id-1-biketype").attr("value", 1);
    }
});
jQuery可以做到这一点:

$("#id-1-units").change(function() {
    if (this.value >= 1) {
        $("#id-1-biketype").attr("value", 1);
    }
});
像这样的

$("#id-1-units").change(function() {
  $("#id-1-biketype").val($(this).val());
});
像这样的

$("#id-1-units").change(function() {
  $("#id-1-biketype").val($(this).val());
});

使用select上的
change()
事件和
val()
设置输入值:

$('#id-1-units').change(function(){
    if(this.value >= 1) {
      $('#id-1-biketype').val("1"); 
      // Greater than or equal to one - set the value property to 1 on the input
    }
    else {
      $('#id-1-biketype').val("");
      // Less than one - remove the 1 value from the input.
    }
});

使用select上的
change()
事件和
val()
设置输入值:

$('#id-1-units').change(function(){
    if(this.value >= 1) {
      $('#id-1-biketype').val("1"); 
      // Greater than or equal to one - set the value property to 1 on the input
    }
    else {
      $('#id-1-biketype').val("");
      // Less than one - remove the 1 value from the input.
    }
});

+1但只是一件小事,$('id-1-biketype').val(1)比$('id-1-biketype').prop('value','1');要设置/获取jQuery doc()@RafH Updated中所述的值,谢谢。所以习惯了使用prop()我可能应该更经常地记住选择器的性能!谢谢你的回复,“else”完成了我需要的代码。谢谢!你说得对,谢谢!不知道为什么它说最好使用val()在jQuery文档(就在这里)+1上设置值,但有一点,$('id-1-biketype')。val(1)比$('id-1-biketype')。prop('value','1');要设置/获取jQuery doc()@RafH Updated中所述的值,谢谢。所以习惯了使用prop()我可能应该更经常地记住选择器的性能!谢谢你的回复,“else”完成了我需要的代码。谢谢!你说得对,谢谢!不知道为什么它说最好使用val()在jQuery文档上设置值(就在这里)