Jquery根据选择值创建输入元素数

时间:2016-03-06 07:04:36

标签: javascript jquery html

我想首先说我是jquery和javascript的新手我很少使用它,但我现在发现自己处于需要使用它的位置。

我想做什么

我试图让管理员用户在比赛中上传与数据库匹配,从而为第X轮建立计划....希望有意义

应该发生什么

如果用户选择,例如,从下拉框中选择4,则应创建输入字段,从而允许用户输入将在每场比赛的每一轮中进行的2支队伍。

我试图对此进行编码,(请不要笑)但是逻辑和代码是完全错误的,如果有人能帮助我解决这个问题,那将非常感激,可能允许我在将来建立这个。

JFiddle

https://jsfiddle.net/leela89/zvss0f8L/#&togetherjs=RApSQ2E6Sr

代码

03-06 16:10:25.525 31710-31710/com.thesis.iwander W/System.err: org.json.JSONException: Value <html> of type java.lang.String cannot be converted to JSONObject
 at org.json.JSON.typeMismatch(JSON.java:111)
 at org.json.JSONObject.<init>(JSONObject.java:159)
 at org.json.JSONObject.<init>(JSONObject.java:172)
 at com.thesis.iwander.SearchResultsActivity.showBusList(SearchResultsActivity.java:62)
 at com.thesis.iwander.SearchResultsActivity.access$100(SearchResultsActivity.java:29)
 at com.thesis.iwander.SearchResultsActivity$1GetJSON.onPostExecute(SearchResultsActivity.java:109)
 at com.thesis.iwander.SearchResultsActivity$1GetJSON.onPostExecute(SearchResultsActivity.java:93)
 at android.os.AsyncTask.finish(AsyncTask.java:632)
 at android.os.AsyncTask.access$600(AsyncTask.java:177)
 at android.os.AsyncTask$InternalHandler.handleMessage(AsyncTask.java:645)
 at android.os.Handler.dispatchMessage(Handler.java:110)
 at android.os.Looper.loop(Looper.java:193)
 at android.app.ActivityThread.main(ActivityThread.java:5333)
 at java.lang.reflect.Method.invokeNative(Native Method)
 at java.lang.reflect.Method.invoke(Method.java:515)
 at com.android.internal.os.ZygoteInit$MethodAndArgsCaller.run(ZygoteInit.java:829)
 at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:645)
 at dalvik.system.NativeStart.main(Native Method)

2 个答案:

答案 0 :(得分:1)

尝试将.append()新元素添加到目标元素中,

$("#nrGames").change(function() {
  var value = +$(this).val();
  value *= 2;
  var nr = 0;
  var elem = $('#games').empty();
  while (nr < value) {
    elem.append($('<input>',{name : "whateverNameYouWant"}));
    nr++;
  }
});

同样.val()是一个函数,而不是property

DEMO

答案 1 :(得分:0)

小更新:每个团队中玩家的不同元素都会有所帮助

$("#nrGames").change(function() {
  var value = +$(this).val();
  var nr = 0;
  var elem = $('#games').empty();
  while (nr < value) {
    elem.append($('<input>',{name : "Team1Player"+nr}));
    elem.append($('<input>',{name : "Team2Player"+nr}));
    nr++;
  }
});