Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/449.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/77.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 当输入值更改时更改link HREF属性_Javascript_Jquery - Fatal编程技术网

Javascript 当输入值更改时更改link HREF属性

Javascript 当输入值更改时更改link HREF属性,javascript,jquery,Javascript,Jquery,我想根据表单输入的值操作HTML代码(链接目标)。一旦用户更改了输入的值,我希望更新链接目标的值 <a href="/#SINGULAR/.htm">foo</a> <input type="text" name="singular" id="singular"> <script> $('#singular').on('input', function() { //Change the link HREF. }); </script>

我想根据表单输入的值操作HTML代码(链接目标)。一旦用户更改了输入的值,我希望更新链接目标的值

<a href="/#SINGULAR/.htm">foo</a>
<input type="text" name="singular" id="singular">
<script>
$('#singular').on('input', function() {
  //Change the link HREF.
});
</script>

$('#singular')。on('input',function(){
//更改链接HREF。
});

所以您有了绑定,所以现在您只需要针对链接并更改它。我建议在上面加一个类或id

$(selector).prop('href', newValue);
如果你想把他们在输入中输入的任何东西作为新值

$(selector).prop('href', this.value);
$('#singular')。on('input',function(){
$('#myLink').prop('href',this.value);
});

所以您有了绑定,所以现在您只需要针对链接并更改它。我建议在上面加一个类或id

$(selector).prop('href', newValue);
如果你想把他们在输入中输入的任何东西作为新值

$(selector).prop('href', this.value);
$('#singular')。on('input',function(){
$('#myLink').prop('href',this.value);
});

如果要在文本框中键入内容时执行某些操作,则应使用event。要获取此文本框的值,可以使用
this
引用的
val()
方法(该方法将指向所需的文本框)

或:

$('#singular').keyup(function() {
    console.log($(this).val());
});
如果要在文本框中键入内容时执行某些操作,则应使用事件。要获取此文本框的值,可以使用
this
引用的
val()
方法(该方法将指向所需的文本框)

或:

$('#singular').keyup(function() {
    console.log($(this).val());
});

您想什么时候做?立即-当我在输入字段中键入单词时您想什么时候做?立即-当我在输入字段中键入单词时
$(selector).prop('href',this.value)对我来说很好,tx
$(选择器).prop('href',this.value)适用于我,德克萨斯州