Javascript 当输入值更改时更改link HREF属性
我想根据表单输入的值操作HTML代码(链接目标)。一旦用户更改了输入的值,我希望更新链接目标的值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>
<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)代码>适用于我,德克萨斯州