Javascript 帮助-发布动态数据

概述：
我有一个网站，上面有人们可以发布到facebook的句子，但每个句子都有输入框，人们可以更改默认值。有点像数字“疯狂图书馆”

示例
我喜欢，我认为他是

• 下划线将是一个带有默认值的文本字段，一旦有人关注它就会消失

最后一句话：我喜欢珍，我觉得她很性感

目标
保存最后的字符串并发布到Facebook（还不担心Facebook）

HTML

<span>I like</span>
<input name="post1_1" value="Tom" type="text" id="post1_1" />
<span>I think she is</span><input name="post1_2" value="Nice" type="text" id="post1_2" />

<a href="javascript:Post1()">POST NOW</a>

<span>My website is</span>
<input name="post2_1" value="Great" type="text" id="post2_1" />

<a href="javascript:Post2()">POST NOW</a>

<script type="text/javascript" src="js/jquery-1.6.2.min.js"></script>

<script>
var post1_1 = null;
var post1_2 = null;
var post2_1 = null;

function Post1(){
var post1_1 = $('#post1_1').val();
var post1_2 = $('#post1_2').val();
var post1 = 'I like ' + post1_1 + ' I think she is ' + post1_2;
alert(post1);
}

function Post2(){
var post2_1 = $('#post2_1').val();
var post2 = 'My website is ' + post2_1;
alert(post2);
}

</script>

我喜欢
我想她是的
我的网站是

脚本

<span>I like</span>
<input name="post1_1" value="Tom" type="text" id="post1_1" />
<span>I think she is</span><input name="post1_2" value="Nice" type="text" id="post1_2" />

<a href="javascript:Post1()">POST NOW</a>

<span>My website is</span>
<input name="post2_1" value="Great" type="text" id="post2_1" />

<a href="javascript:Post2()">POST NOW</a>

<script type="text/javascript" src="js/jquery-1.6.2.min.js"></script>

<script>
var post1_1 = null;
var post1_2 = null;
var post2_1 = null;

function Post1(){
var post1_1 = $('#post1_1').val();
var post1_2 = $('#post1_2').val();
var post1 = 'I like ' + post1_1 + ' I think she is ' + post1_2;
alert(post1);
}

function Post2(){
var post2_1 = $('#post2_1').val();
var post2 = 'My website is ' + post2_1;
alert(post2);
}

</script>

var post1_1=null；
var post1_2=null；
var post2_1=null；
函数Post1（）{
var post1_1=$（'#post1_1'）.val（）；
var post1_2=$（'#post1_2'）.val（）；
var post1='我喜欢'+post1_1+'我想她是'+post1_2；
警报（post1）；
}
函数Post2（）{
var post2_1=$（'#post2_1'）.val（）；
var post2='我的网站是'+post2_1；
警报（post2）；
}

---

我对网络非常陌生，如有任何帮助，将不胜感激语句id[]，

字段1[]

，

字段2[]

。您可以将其视为数组：

<form action="javascript:;">

    <div id="sentence-0">
        <input type="hidden" name="sentence_id[0]" value="1" />

        John is at <input type="text" name="field1[0]" /> with <input type="text" name="field2[0]" />

        <button id="submit-sentence-0" class="submit">Send</button>
    </div>


    <div id="sentence-1">
        <input type="hidden" name="sentence_id[1]" value="2" />

        Mary is at <input type="text" name="field1[1]" /> working with <input type="text" name="field2[1]" />

        <button id="submit-sentence-1" class="submit">Send</button>
    </div>

</form>

约翰在家里
发送
玛丽擅长与人共事
发送

---

只是一个想法，希望对您有所帮助。

快速浏览一下，您的脚本有一些问题

post1_1 = ('#post1_1').val();
post2_1 = ('#post2_1').val();
post2_2 = ('#post2_2').val();

我假设您在这里使用jQuery。在

（）

前面需要

$

其次，在设置post变量后设置这些变量

var post1 = 'Your are' + post1_1;
var post2 = 'You smell like' + post2_1 + 'and' + post2_2;

这将是“你是空的”（我假设应该是“你是空的”）。在使用变量之前，应将其设置为输入值

var post1_1 = $('#post1_1').val();
var post2_1 = $('#post2_1').val();
var post2_2 = $('#post2_2').val();

var post1 = 'Your are' + post1_1;
var post2 = 'You smell like' + post2_1 + 'and' + post2_2;

alert(post1);
alert(post2);

---

我知道这只是一个例子，但是HTML中没有

post2\u 2

，HTML中的句子与JavaScript中的句子不匹配。

我可以想出很多方法来实现这一点，但是这个问题的措辞方式让人对自己到底想要什么产生了很多歧义

考虑以下几点：

预先生成的语句，例如：我喜欢

X

，我认为他是

Y

其中，

X

和

Y

可以是选项的下拉列表或文本框控件

我相信有人说过类似文本框的东西，所以html表单是合适的

静态示例（由php/django/rails/etc处理）：

我喜欢
我想他是的

现在修改它以适应服务器端语言来处理请求

现在来看一个Javascript示例（我不太擅长js）：

我喜欢
我想他是的
函数submitform（）{
document.status.submit（）；
}

在

handle data.js

中，人们可能会操纵数据或诸如此类的东西

看

---

查看更多Javascript示例。

这里的问题是什么，警官？我这样做对吗？我更新了脚本以使其更有意义。我工作！谢谢大家。现在我将了解如何将此发布到facebook。我认为您无法将表单提交到JavaScript文件。我只是使用文本框获取值。没有尝试提交表单。@Rocket我对javascript不太了解，所以很抱歉这个糟糕的示例。还有GermanMan——那会是一页动词/名词-值对吗？这是不明确的部分。值可以是任何值。这取决于用户。是的，我只是想传达一个信息，那将不仅仅是一句话。@GermanMan:好的，我就是这么想的。我想我会指出这一点。你认为这些数据会很容易发布到facebook吗？@GermanMan:我不知道如何使用facebook的API，但我相信它没有那么难。只是网络标准。为什么要在运行中输入数据？有时它也很有用。比如在表单上使用jQuery.serialize（）函数，然后通过ajax调用传递所有数据。将字段声明为数组，您将能够添加任意数量的字段，并且不会为每个字段编写一行JS。由于我不太使用Ajax，并且不熟悉serialize（）函数，因此我必须仔细研究一下。谢谢

<form name="status" action="handle-data.js">
  I like <input type="text" name="noun" />
  and I think he is <input type="text" name="verb" />
  <a href="javascript: submitform()">Update</a>
</form>

<script type="text/javascript">
  function submitform(){
    document.status.submit();
  }
</script>