将变量传递到HTML表单Javascript

将变量传递到HTML表单Javascript,javascript,Javascript,请原谅我的经验不足,因为我不是一个程序员,只是一个尝试让某些东西工作的人。我不确定正确的术语和复杂的解释会直接在我的头上 本质上,我试图将网页的URL的一部分传递给链接到购物车的简单表单。i、 e.如何将文件名输入到我有xxxxxxx的表单中。在Javascript中可能吗 <script type="text/javascript"> var url = window.location.pathname; var filename = url.substring(url.lastI

请原谅我的经验不足,因为我不是一个程序员,只是一个尝试让某些东西工作的人。我不确定正确的术语和复杂的解释会直接在我的头上

本质上,我试图将网页的URL的一部分传递给链接到购物车的简单表单。i、 e.如何将文件名输入到我有xxxxxxx的表单中。在Javascript中可能吗

<script type="text/javascript">
var url = window.location.pathname;
var filename = url.substring(url.lastIndexOf('/')+1);
document.write (filename);

</script>
<form action="http://www.mywebspace.com/cf/add.cfm" method="post">
<input type="hidden" name="userid" value="12345678">
<input type="hidden" name="product" value="xxxxxxx">
<input type="hidden" name="price" value="5.00">
<input type="Submit" value="Buy now!">
</form>  

var url=window.location.pathname;
var filename=url.substring(url.lastIndexOf('/')+1);
document.write(文件名);
是,这是可能的

您需要更新表单,而不是执行document.write。假设您的文件名值当前正确:

 //js
 document.getElementById( "name-of-file").value = filename;

 <!- html -->
//js
document.getElementById(“文件名”).value=filename;
。。。 是的,这是可能的

您需要更新表单,而不是执行document.write。假设您的文件名值当前正确:

 //js
 document.getElementById( "name-of-file").value = filename;

 <!- html -->
//js
document.getElementById(“文件名”).value=filename;
。。。

我提供了一段代码片段,可用于您当前的HTML结构。尽管我建议您为product字段提供一个id,以避免循环和搜索元素的必要性:

var url = window.location.pathname,
    filename = url.substring(url.lastIndexOf('/')+1);
    fields = document.getElementsByTagName('input');

for(var i = 0; i < fields.length; i++){
    if(fields[i].name == 'product') {
        fields[i].value = filename;
        break;
    }
}
var url=window.location.pathname,
filename=url.substring(url.lastIndexOf('/')+1);
fields=document.getElementsByTagName('input');
对于(变量i=0;i
我提供了一段代码片段,可用于您当前的HTML结构。尽管我建议您为product字段提供一个id,以避免循环和搜索元素的必要性:

var url = window.location.pathname,
    filename = url.substring(url.lastIndexOf('/')+1);
    fields = document.getElementsByTagName('input');

for(var i = 0; i < fields.length; i++){
    if(fields[i].name == 'product') {
        fields[i].value = filename;
        break;
    }
}
var url=window.location.pathname,
filename=url.substring(url.lastIndexOf('/')+1);
fields=document.getElementsByTagName('input');
对于(变量i=0;i
如果表单在给定页面上只存在一次,这是一个简单的解决方案:

将其更改为:

<input type="hidden" id="productField" name="product" value="xxxxxxx">

如果表单在给定页面上只存在一次,这是一个简单的解决方案:

将其更改为:

<input type="hidden" id="productField" name="product" value="xxxxxxx">

建造购物车并非易事。如果您不知道如何使用Javascript将url复制到输入值中,那么您需要先阅读并了解更多内容。拜托。我不是在构建购物车,我是在尝试将一个应用程序生成的网页中的“立即购买”按钮集成到现有的在线购物车中。构建购物车并非易事。如果您不知道如何使用Javascript将url复制到输入值中,那么您需要先阅读并了解更多内容。请。我不是在构建购物车,我在尝试将一个应用程序生成的网页中的“立即购买”按钮集成到现有的在线购物车中。感谢您的帮助和代码。我现在要去试着看看我能不能做到这一点。非常感谢您的帮助。感谢您的帮助和代码。我现在要去试着看看我能不能做到这一点。感谢您的帮助。如前所述,感谢您的帮助和代码。我现在要去试着看看我能不能做到这一点。感谢您的帮助。如前所述,感谢您的帮助和代码。我现在要去试着看看我能不能做到这一点。非常感谢您的帮助。再次感谢您的帮助和代码。我现在要去试着看看我能不能做到这一点。非常感谢您的帮助。再次感谢您的帮助和代码。我现在要去试着看看我能不能做到这一点。谢谢你的帮助。