js 判断 id 改变 input 中 value 的部分内容，怎么弄啊。

[SkyRing]

比如

<input class="text-input" type="text" id="image-link3" value="https://i.xxx.com/Rg1xQrV.png" data-focus="select-all" readonly="">

https://i.xxx.com/Rg1xQrV.png

替换成 https://a.aaa.net/Rg1xQrV.png

[summerwar]

如果是提交的表单，你重写 submit ，在里面替换

如果是展示的，在模板里写 replace 就好了

不需要用 js

[summerwar]

需要用 js ，但是不需要用 js 判断 id 来改变 input 中的 value

[molvqingtai]

const input = document.querySelector("image-link3")

if input.value === xxx
input.value = aaa

手机不好打，大概这样子

[SkyRing]

@molvqingtai 我试试看

[SkyRing]

感觉似乎并无软用啊

[SkyRing]

[xlsama]

const el = document.querySelector('#image-link3');

setTimeout(() => {
el.setAttribute('id', 'xxx');
}, 2000);

const observer = new MutationObserver((mutations) => {
mutations.forEach((mutation) => {
if (mutation.type === 'attributes') {
console.log('attributes changed');
el.setAttribute('value', 'https://a.aaa.net/Rg1xQrV.png');
}
});
});

observer.observe(el, {
attributeFilter: ['id'],
});

[SkyRing]

@summerwar 不判断的话，那岂不是，都变了？

[SkyRing]

@xlsama 大佬您好，变动的只有 a.aaa.net 就可以了，你这整个全改了诶~

[tonyrft]

嗯，您想要只更改 URL 的一部分而不是整个 URL ，这是可以实现的。您可以使用 JavaScript 的 String.replace() 方法来执行替换操作，该方法允许您指定要替换的字符串和替换为的字符串。

例如，您可以使用以下代码来执行替换操作：

var inputElement = document.getElementById('image-link3');
inputElement.value = inputElement.value.replace('https://i.xxx.com', 'https://a.aaa.net');

请注意，我们在上面的代码中使用了两个参数的 replace() 方法，第一个参数是要替换的字符串（即 'https://i.xxx.com'），第二个参数是替换为的字符串（即 'https://a.aaa.net'）。

如果您需要在页面加载完成后执行此操作，可以将上述代码放在 window.onload 或 document.ready 事件的回调函数中，如前面所述。

希望这些信息对您有帮助。

[xlsama]

@SkyRing
s.replace(/http(s):\/\/(.*)\//,'https://a.aaa.net/')

[xlsama]

el.setAttribute('value', el.value.replace(/http(s):\/\/(.*)\//, 'https://a.aaa.net/'));

[SkyRing]

@tonyrft 感谢大佬，非常有用，不过又遇到了个新问题，就是这个，他的第二个地址没办法替换，因为只能获取到地址，前面的名称获取问题也没法解决。

[lxiian]

你问问 chatgpt ，楼上那个好像就是 chatgpt 给的答案

[loading]

@tonyrft #10 你这 chatgpt ，小心被封号

[xiangyuecn]

面向问答编程。不建议提供任何直接答案。

[15855pm]

过于伸手党了，这不是 js 的问题，你需要先去学习正则表达式，太基础的东西还是问搜索引擎吧

[SkyRing]

@loading chatgpt 这个是啥东西？

[SkyRing]

@15855pm 已经解决了，谢啦，各位大佬们