标签: onchange

在javascript中如何引用this.form.checkbox [5] .checked?

我有一系列复选框和输入类型="文本"区域,其中我需要在文本区域中的值更改时将复选框的状态设置为true.很简单.我成功完成了这个:

<input name="fixed" type="checkbox">
<input name="stuff" type="text" onchange="this.form.fixed.checked=true">
Run Code Online (Sandbox Code Playgroud)

哪个工作正常.您必须编辑该字段然后单击它,但这对我的需求很好:

...但是当我切换到这个时:

<input name="fixed[0]" type="checkbox">
<input name="stuff" type="text" onchange="this.form.fixed[0].checked=true">
<input name="fixed[1]" type="checkbox">
<input name="stuff" type="text" onchange="this.form.fixed[1].checked=true">
Run Code Online (Sandbox Code Playgroud)

编辑时,我的复选框没有变化:

我唯一的javascript专有技术来自Google搜索这类东西,我很害怕.任何人都有关于此的更好的信息,而不是谷歌的谷歌谷歌存在?

谢谢...

javascript arrays onchange

0
推荐指数
1
解决办法
1889
查看次数

更改输入框的下拉框中的选项

救命,

我正在为我的页面开发一个在线捐赠网站。我希望用户有一个带有付款选项(5 美元、10 美元、20 美元、其他)的下拉框。如果选择了“其他”选项,我目前已将其设置为显示输入框的位置;如果选择了另一个选项($5、$10、$20),则输入框将被隐藏。此外,捐款是通过贝宝进行的,我已经将贝宝捐款按钮/php 合并到了网站中。我遇到了以下问题:因为输入框是填充捐赠金额的字段,所以 Pay-Pal 无法识别下拉金额。例如,如果我选择“其他”选项,在输入框中输入 100 美元,然后从下拉框中选择“10 美元”选项(假设我改变主意并想捐赠 10 美元而不是 100 美元),

我相信我有一个修复程序,但我不一定确定如何对其进行编码。我正在寻求以下方面的帮助:当用户从下拉框中选择一个选项时,我希望此操作使用相应的值填充(隐藏)输入框。同样,如果用户从下拉列表中选择“其他”选项,我希望输入框(现在可见)填充“”,因为用户会自己填充这个选项。

同样,我不确定如何编写这样的代码,我希望有人能指出我正确的方向。我真的很感谢任何帮助,我非常感谢你的时间。谢谢!

编辑:谢谢你的帮助。这是我现在拥有的代码:

    <select name="amount" id="otherFieldOption" class="dropdown">
                    <option value="20">$20</option>
            <option value="10">$10</option>
            <option value="5" selected="selected">$5</option>
            <option value="otherField">Other</option>   
    </select>

    <div id="otherField">
        Amount:
        <input type="text" id="amount" name="amount" class="textfield" size="10"/>
    </div>
Run Code Online (Sandbox Code Playgroud)

jquery代码:

$(document).ready(function() {
  $.viewInput = {
    '0' : $([]),
    //THIS IS THE NAME OF THE DIV WRAPPING THE HIDDEN FIELD
    'otherField' : $('#otherField'),
  };

$('#otherFieldOption').change(function() {
    // HIDES THE INPUT FIELD IF ANOTHER DROPDOWN ITEM IS SELECTED ONCE …
Run Code Online (Sandbox Code Playgroud)

jquery onchange inputbox drop-down-menu

0
推荐指数
1
解决办法
9907
查看次数

内联 onchange 提交不适用于 webkit(Chrome 或 Safari)

这可以在 FF 上提交,但不能在 Chrome 上提交。有什么建议么?

<form action="/test" method="post" onchange="this.submit();">
   <select>
      <option value="f">f</option>
      <option value="g">g</option>
   </select>
</form>
Run Code Online (Sandbox Code Playgroud)

javascript forms onchange

0
推荐指数
1
解决办法
2201
查看次数

选择 onchange 更新 php 值

我想将选择与输入文本“连接”而不刷新页面

这是我的例子

<select name="name_select" id="my_select">
  <option value="1">first</option>
  <option value="2">first</option>
  <option value="3">first</option>
</select>

<?php ...query(SELECT name FROM table WHERE id = value) ?>
Run Code Online (Sandbox Code Playgroud)

然后在 var $name 中有来自 db 的值

<input type="text" value="<?php echo $name; ?>" />
Run Code Online (Sandbox Code Playgroud)

我想我必须使用 jquery post/get 但如何只更新我需要检查数据库的 var?

php jquery select onchange

0
推荐指数
1
解决办法
1万
查看次数

jquery on('change'... 不适用于多个标签

当我使用 jquery .on('change' function() 时,我无法获取第二个输入选择的 .val()

我有 2 个选择元素:

<select id="itemsA">
   <option selected disabled>Select option</option>
   <option value="a">Item A</option>
   <option value="b">Item B</option>
   <option value="c">Item C</option>
   <option value="d">Item D</option>
</select>
<select id="itemsB">
   <option selected disabled>Select option</option>
   <option value="1">Item 1</option>
   <option value="2">Item 2</option>
   <option value="3">Item 3</option>
   <option value="4">Item 4</option>
</select>
Run Code Online (Sandbox Code Playgroud)

这是我的 jquery 代码

$(document).ready(function(){
    $("select").on('change', function(){
        var mySel = $("select").val();
        console.log(mySel);
    });
});
Run Code Online (Sandbox Code Playgroud)

我得到第一个输入选择的值,但第二个输入总是给我 null 作为值检查。

javascript jquery onchange

0
推荐指数
1
解决办法
1263
查看次数

ReactJS如何正确处理输入数组的值更改

我在reactJs 中创建了此表单发票注册。

表格发票登记

表单应该处理输入数组(用红色轮廓标记)。每当输入上发生 onChange 事件时。所有输入都接收相同的值。如何妥善处理?我打算使用这个输入值来生成如下数据:

[
    {
        invoice_number:102947303364,
        invoice_registration_no : 1235
    },
    {
        invoice_number:102947109177,
        invoice_registration_no : 6578
    },
]
Run Code Online (Sandbox Code Playgroud)

先谢谢您的帮助。

arrays input onchange object reactjs

0
推荐指数
1
解决办法
3967
查看次数

如何在React Native中输入文本时在文本输入中制作第二行?

如果我在 textInput 中输入超过 10 个字符,我想要第二行。如果输入超过 5 个字符,我已经更改了文本的字体大小。这是工作正常。

但是如果我输入超过 11 个字符,它应该会出现在第二行

请帮我清除这个

这是我的代码...

_onChangeText(text) {
     this.setState({ fontSize: (text.lenght > 6 ? 40 : 80) });
 }

 render() {
return (
  // Giving an array of objects to style property can help                                                    
 you to define a default value
      <TextInput 
          onChangeText={this._onChangeText.bind(this)}
          style={[ {fontSize: 80}, {fontSize: this.state.fontSize} ]}
     />
   )
}
Run Code Online (Sandbox Code Playgroud)

onchange textinput react-native

0
推荐指数
1
解决办法
5268
查看次数

Angular 如何在字段更新后执行函数。但是不是在每次更改时都这样做,而是在更改了 3 或 4 个字母之后

我有一个角度形式,我想建议用户根据他正在写的内容在输入中输入什么。

我显然可以使用指令 onChange 并对服务进行 api 调用,该服务在每次更改后提出建议。但我认为这不是一个好的实现,因为我会做与用户写的字母一样多的调用(以及可能的拼写错误)。所以这个想法是让这个 onChange 函数只在对字段进行 X 更改后才进行 api 调用。我怎样才能做到这一点?如何检查该字段是否已更改到足以进行另一个 api 调用以获取新建议?

directive onchange call angular

0
推荐指数
1
解决办法
4406
查看次数

Google Sheets 应用程序脚本:当通过触发器运行 onChange 函数时,e.range 为 null

这个问题让我被禁止提问...我做错了什么?!我真的不明白。

我正用头撞键盘。

这看起来应该很简单......但我仍然收到错误:

类型错误:无法在 onChange(checkBoxes:5:20) 处读取未定义**的属性“getNumColumns”

目标是单击一个复选框,获取日期戳,但我还需要检查列标题(第 4 行)以确定下一步要运行什么函数...但是,我无法做到这一点,因为我需要知道触发该函数的单元格的列。

  function onChange(e) {
    const range = e.range;
    Logger.log(range.getNumColumns());
  };

/**Trigger:
     Head:= Deployment
     Event:= From spreadsheet - On change
     Function:= onChange
     Error rate:= 100% */
Run Code Online (Sandbox Code Playgroud)

从技术上讲我可以使用,activecell但我担心用户不可靠,如果他们选中 col:1 中的复选框然后单击 col:2,会activecell返回 col:1 或 2 会发生什么?

我尝试了多种组合来解决此问题,但每次都会显示“无法读取未定义的属性‘getNumColumns’”

我已经尝试过以下方法:

e.range.columnStart
Run Code Online (Sandbox Code Playgroud)

triggers onchange google-sheets google-apps-script

0
推荐指数
1
解决办法
1678
查看次数

jQuery .each()只打印json的最后一个值

我有一个问题jQuery.each().我从另一个php文件中检索json数据,然后我想从中打印特定的密钥.

这是js:

<div class="row" id="fetchmember">
  <script type="text/javascript">

    jQuery('#group').change(function() {
     var id_group = this.value; 
     var memberjson = "fetchmember.php?group="+id_group;

     jQuery.getJSON(memberjson,function(data){
      jQuery.each(data, function(i, item) {

      jQuery("#fetchmember").empty().append("<li>"+item.name+"</li>");

      });                   
   });
});

</script>
</div> 
Run Code Online (Sandbox Code Playgroud)

来自所选选项之一的JSON结果:

[{"id":"1645819602","name":"Michael Great","first_name":"Michael","last_name":"Great"},
{"id":"100000251643877","name":"George Pambudi","first_name":"George","last_name":"Pambudi"}]
Run Code Online (Sandbox Code Playgroud)

我想name从json 打印所有内容,但它只打印namejson的最后一个键.我试过使用.html(),它也只返回最后一个name键.我的代码出了什么问题?

任何建议和帮助将不胜感激.非常感谢你

javascript each jquery json onchange

-1
推荐指数
1
解决办法
1327
查看次数

如何使用 JavaScript onchange 事件提交表单?

我有这样的代码:

<form action="checkin.php" method="post">
    <select name="roomname" onchange="???">
        <option value="">New Room:</option>
        <option value="room1">Room 1:</option>
        <option value="room2">Room 2:</option>
</form>
Run Code Online (Sandbox Code Playgroud)

我想设置一个操作,以便在选择一个选项时将用户引导至该checkin.php页面,而无需使用提交按钮。有人告诉我要使用onChange,但我不知道如何使用它。

javascript forms select input onchange

-2
推荐指数
1
解决办法
1万
查看次数